百度地图双图联动

百度地图的双屏联动,做个笔记,主要是在加载地图时把隐藏的加载地图类型方法给提出来。一图动调用另一个图的相应的方法

<div id="map"> </div></td> <div id="wxmaps"></div></td> <script type="text/javascript"> //百度地图API功能 //加载第二张地图 var map = new BMap.Map("map"); // 创建Map实例 map.centerAndZoom("***",15); //设置地图的中心点 map.addControl(new BMap.NavigationControl()); //为地图添加鱼骨 map.enableScrollWheelZoom(true); var myDis = new BMapLib.DistanceTool(map); map.addEventListener("load",function() { myDis.close(); //开启鼠标测距 }); var local = new BMap.LocalSearch(map, { renderOptions:{map: map} }); //启用滚轮放大缩小 //加载第一张地图卫星图 var wxmap = new BMap.Map("wxmaps",{mapType:BMAP_SATELLITE_MAP}); // 创建Map实例,{mapType:BMAP_SATELLITE_MAP} wxmap.centerAndZoom("***",15); //设置地图的中心点 wxmap.addControl(new BMap.NavigationControl()); //为地图添加鱼骨 wxmap.enableScrollWheelZoom(true); //监听拖动结束事件 map.addEventListener("dragend",function(){ var centerPoint=map.getCenter(); wxmap.centerAndZoom( new BMap.Point(centerPoint.lng,centerPoint.lat),map.getZoom()); //设置地图的中心点 }); //监听滚轮放大缩小 map.addEventListener("zoomend", function(type){ wxmap.setZoom(map.getZoom()); /* if (!type.lD) { alert("滚珠引起的");} *///map.setZoom(14); }); //监听拖动结束事件 wxmap.addEventListener("dragend",function(){ var centerPoint=wxmap.getCenter(); map.centerAndZoom(new BMap.Point(centerPoint.lng,centerPoint.lat),wxmap.getZoom()); //设置地图的中心点 }); //监听滚轮放大缩小 wxmap.addEventListener("zoomend", function(type){ map.setZoom(wxmap.getZoom()); }); function celaing() { myDis.close(); //关闭鼠标测距 } function mapCeliang() { myDis.open(); //开启鼠标测距 } }

 

posted @ 2016-03-18 18:01  天翊无影  阅读(926)  评论(0编辑  收藏  举报