国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

javascript 開(kāi)發(fā)之百度地圖使用到的js函數(shù)整理

2019-11-19 16:32:47
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

 javascript 開(kāi)發(fā)之百度地圖使用到的js函數(shù)整理

接項(xiàng)目用到的地圖,客戶要求用百度地圖,沒(méi)辦法只好用百度地圖,這里總結(jié)一下,寫(xiě)的一些函數(shù),注釋比較詳細(xì)!

   //創(chuàng)建和初始化地圖函數(shù):         function initMap(){      createMap();//創(chuàng)建地圖      setMapEvent();//設(shè)置地圖事件      addMapControl();//向地圖添加控件      addMarker();//向地圖中添加marker     }          //創(chuàng)建地圖函數(shù):     function createMap(){      var map = new BMap.Map("container");//在百度地圖容器中創(chuàng)建一個(gè)地圖      var point = new BMap.Point(116.395645,39.929986);//定義一個(gè)中心點(diǎn)坐標(biāo)      map.centerAndZoom(point,12);//設(shè)定地圖的中心點(diǎn)和坐標(biāo)并將地圖顯示在地圖容器中      window.map = map;//將map變量存儲(chǔ)在全局     }          //地圖事件設(shè)置函數(shù):     function setMapEvent(){      map.enableDragging();//啟用地圖拖拽事件,默認(rèn)啟用(可不寫(xiě))      map.enableScrollWheelZoom();//啟用地圖滾輪放大縮小      map.enableDoubleClickZoom();//啟用鼠標(biāo)雙擊放大,默認(rèn)啟用(可不寫(xiě))      map.enableKeyboard();//啟用鍵盤(pán)上下左右鍵移動(dòng)地圖     }       //地圖控件添加函數(shù):     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);     }          //標(biāo)注點(diǎn)數(shù)組     var markerArr = [{title:"我的標(biāo)記",content:"我的備注",point:"116.354539|39.970253",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}       ];     //創(chuàng)建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"       });       (function(){        var index = i;        var _iw = createInfoWindow(i);        var _marker = marker;        _marker.addEventListener("click",function(){         this.openInfoWindow(_iw);        });        _iw.addEventListener("open",function(){         _marker.getLabel().hide();        })        _iw.addEventListener("close",function(){         _marker.getLabel().show();        })        label.addEventListener("click",function(){         _marker.openInfoWindow(_iw);        })        if(!!json.isOpen){         label.hide();         _marker.openInfoWindow(_iw);        }       })()      }     }     //創(chuàng)建InfoWindow     function createInfoWindow(i){      var json = markerArr[i];      var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");      return iw;     }     //創(chuàng)建一個(gè)Icon     function createIcon(json){      var icon = new BMap.Icon("http://openapi.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})      return icon;     }       initMap();//創(chuàng)建和初始化地圖 

 感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 二连浩特市| 长沙市| 滕州市| 胶州市| 蓝田县| 丹凤县| 宁陕县| 天峨县| 金坛市| 大港区| 哈巴河县| 靖江市| 黑山县| 汤阴县| 罗平县| 平泉县| 建德市| 鲁山县| 防城港市| 阿克苏市| 双峰县| 莱阳市| 永川市| 毕节市| 乡城县| 时尚| 沾益县| 高尔夫| 宝丰县| 改则县| 休宁县| 阿克陶县| 达日县| 津市市| 岢岚县| 株洲市| 瑞金市| 中江县| 南靖县| 鸡东县| 勃利县|