以下是在页面加入两个地图的效果:
页面核心代码如下:
复制代码 代码如下:
以上代码可以实现在同一页面显示两幅并排的地图,如果想要实现拖拽、缩放左边的地图,右边的地图也随着移动、缩放,则只需要给左边的地图注册zoomend和moveend事件即可,代码如下:
复制代码 代码如下:
map1.addeventlistener(zoomend, function () {
map2.zoomto(map1.getzoom());
map2.panto(map1.getcenter());
});map1.addeventlistener(moveend, function () {
map2.zoomto(map1.getzoom());
map2.panto(map1.getcenter());
});
完整代码如下:
复制代码 代码如下:
地图接口