• <option id="8k2s4"><sup id="8k2s4"></sup></option>
  • 襄陽做網站,襄陽網站設計,襄陽網站開發,微信小程序開發,網站設計制作,專業建站公司

    當前位置:

    百度地圖多個標記實現案例

    常見問題

    1528

    文章來源(hbsjsd.cn)湖北高端網站定制開發公司-速建時代

    var xy = [
      { x: 112.099915, y: 32.096532 },
      { x: 112.099915, y: 32.096532 },
      { x: 112.091255, y: 32.094483 }
    ];var name = [
      { name: "速建時代1", Info: "1襄陽市樊城區萬洲大道中南市場B3棟27號
    電話:1320-7250-969" },
      { name: "速建時代2", Info: "2襄陽市樊城區萬洲大道中南市場B3棟27號
    電話:1320-7250-969" },
      { name: "速建時代3", Info: "3襄陽市樊城區萬洲大道中南市場B3棟27號
    電話:1320-7250-969" }
    ];// 百度地圖API功能 
    console.log(this.xy[0])
    var map = new BMap.Map("allmap"); // 創建Map實例 
    map.centerAndZoom(new BMap.Point(this.xy[0].x, 
    this.xy[0].y), 12); // 初始化地圖,設置中心點坐標和地圖級別 
    map.enableScrollWheelZoom(true); //開啟鼠標滾輪縮放var 
    markers = [];var 
    infoWindows = [];
    for (var i = 0; i < xy.length; i++) { 
     var point = new BMap.Point(xy[i].x, xy[i].y);  
     var marker = new BMap.Marker(point);
      map.addOverlay(marker);
    
      markers.push(marker);
      infoWindows.push(new BMap.InfoWindow(name[i].Info, { width: 300, height: 80, title: name[i].name }));
    }
    
    markers.forEach(function(marker, index) {
      marker.addEventListener("click", function() {
        map.openInfoWindow(infoWindows[index], marker.getPosition());
      });
    });

    來源于:百度地圖多個標記實現案例 (hbsjsd.cn)

    [聲明]原創不易,請轉發者備注下文章來源(hbsjsd.cn)【速建時代】。

    速建時代高端網站定制開發回到頂部
    站內SEO關鍵詞搜索
    国产精品亚洲综合一区|99久久免费国产精|91麻豆精品国产91久久久久|香蕉视频在线下载 久久这里只有精品68 91麻豆精品国产自产在线王源 香蕉久久人人97超碰caopreon 91在线精品播放 国产精品不卡AV 盗摄私密推油视频一二区 掩去也俺来也久久丁香图 皇色视频在线视频 羞羞视频在线播放
  • <option id="8k2s4"><sup id="8k2s4"></sup></option>