百度地图双图联动

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

<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(); //开启鼠标测距 } }

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值