如何实现拖动图标使地图放大缩小功能

来源：百度知道 编辑：UC知道 时间：2024/05/31 07:03:49
如图：http://common.goufang.com/help/mapbarhelp.html
在导航条上，可以点击“加号”、“减号”图标放大缩小地图，可以用鼠标拖动地图到目标点所在的位置

map.addControl(new BMap.NavigationControl());
var txtMenuItem = [
{
text: '放大',
callback: function () { map.zoomIn() }
},
{
text: '缩小',
callback: function () { map.zoomOut() }
},
{
text: '放置到最大级',
callback: function () { map.setZoom(18) }
},
{
text: '查看全国',
callback: function () { map.setZoom(4) }
}];
for (var i = 0; i < txtMenuItem.length; i++) {
contextMenu.addItem(new BMap.MenuItem(txtMenuItem[i].text, txtMenuItem[i].callback, 100));
if (i == 1 || i == 3) {
contextMenu.addSeparator();
}
}
map.addContextMenu(contextMenu);