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

首頁 > 開發(fā) > JS > 正文

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

2024-05-06 16:37:15
字體:
來源:轉載
供稿:網友

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

接項目用到的地圖,客戶要求用百度地圖,沒辦法只好用百度地圖,這里總結一下,寫的一些函數,注釋比較詳細!

   //創(chuàng)建和初始化地圖函數:         function initMap(){      createMap();//創(chuàng)建地圖      setMapEvent();//設置地圖事件      addMapControl();//向地圖添加控件      addMarker();//向地圖中添加marker     }          //創(chuàng)建地圖函數:     function createMap(){      var map = new BMap.Map("container");//在百度地圖容器中創(chuàng)建一個地圖      var point = new BMap.Point(116.395645,39.929986);//定義一個中心點坐標      map.centerAndZoom(point,12);//設定地圖的中心點和坐標并將地圖顯示在地圖容器中      window.map = map;//將map變量存儲在全局     }          //地圖事件設置函數:     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);     }          //標注點數組     var markerArr = [{title:"我的標記",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'     return iw;     }     //創(chuàng)建一個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)建和初始化地圖 

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


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 左权县| 四平市| 青海省| 义乌市| 临安市| 公主岭市| 武胜县| 贵阳市| 黄骅市| 望江县| 昌乐县| 屯门区| 无为县| 龙江县| 商洛市| 观塘区| 康马县| 灵石县| 北流市| 旺苍县| 山东省| 长岛县| 桂东县| 武威市| 阜新市| 革吉县| 沁水县| 昭苏县| 和林格尔县| 邯郸市| 平度市| 新绛县| 建平县| 东乡| 洪江市| 朔州市| 老河口市| 鄂尔多斯市| 丰台区| 涞源县| 丰顺县|