百度地圖顯示標記

時間 2019-11-20

標籤百度地圖顯示標記简体版

原文原文鏈接

//地圖cssjavascript

<body>html

//地圖顯示頁面java

<div id="dituContent"></div>json

</body>api

       //建立地圖函數：
       function createMap() {
           var map = new BMap.Map("dituContent"); //在百度地圖容器中建立一個地圖
           var point = new BMap.Point(104.081727, 30.591504); //定義一箇中心點座標
           map.centerAndZoom(point, 16); //設定地圖的中心點和座標並將地圖顯示在地圖容器中
           window.map = map; //將map變量存儲在全局
       }ide

       //       //地圖事件設置函數：
       function setMapEvent() {
           map.enableDragging(); //啓用地圖拖拽事件，默認啓用(可不寫)
           map.enableScrollWheelZoom(); //啓用地圖滾輪放大縮小
           map.enableDoubleClickZoom(); //啓用鼠標雙擊放大，默認啓用(可不寫)
           map.enableKeyboard(); //啓用鍵盤上下左右鍵移動地圖
       }函數

       //地圖控件添加函數：
       function addMapControl() {
           //           //向地圖中添加縮放控件
           var ctrl_nav = new BMap.NavigationControl({
               anchor: BMAP_ANCHOR_TOP_LEFT,
               type: BMAP_NAVIGATION_CONTROL_LARGE
           });
           map.addControl(ctrl_nav);
           //           //向地圖中添加縮略圖控件
           var ctrl_ove = new BMap.OverviewMapControl({
               anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
               isOpen: 1
           });
           map.addControl(ctrl_ove);
           //向地圖中添加比例尺控件
           var ctrl_sca = new BMap.ScaleControl({
               anchor: BMAP_ANCHOR_BOTTOM_LEFT
           });
           map.addControl(ctrl_sca);
       }this

       //標註點數組
       var markerArr = [{
           title: "輸電項目一",
           content: "成都項目",
           point: "104.086033|30.594115",
           isOpen: 0,
           icon: {
               w: 21,
               h: 21,
               l: 0,
               t: 0,
               x: 6,
               lb: 5
           }
       }];
       //建立marker
       function addMarker() {
           for(var i = 0; i < markerArr.length; i++) {
               var json = markerArr[i];
               var p0 = json.point.split("|")[0];
               var p1 = json.point.split("|")[1];
               var point = new BMap.Point(p0, p1);
               var iconImg = createIcon(json.icon);
               var marker = new BMap.Marker(point, {
                   icon: iconImg
               });
               var iw = createInfoWindow(i);
               var label = new BMap.Label(json.title, {
                   "offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20)
               });
               marker.setLabel(label);
               map.addOverlay(marker);
               label.setStyle({
                   borderColor: "#808080",
                   color: "#333",
                   cursor: "pointer"
               });

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。