百度地图的双屏联动,做个笔记,主要是在加载地图时把隐藏的加载地图类型方法给提出来。一图动调用另一个图的相应的方法
<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(); //开启鼠标测距
}
}