0、首先实例化一个导航工具实例
var navToolbar = new Navigation(map);
1、放大缩小
navToolbar.activate(Navigation.ZOOM_IN);
navToolbar.activate(Navigation.ZOOM_OUT);
2、平移
默认是平移,不用写,此处按钮事件中可以写上清除当前工具的方法。
navToolbar.deactivate();
3、全图显示
navToolbar.zoomToFullExtent();
4、显示比例尺
var scalebar = new Scalebar({
map: map,
attachTo: "bottom-left",
scalebarUnit: "metric"
});
5、显示坐标
// 加载地图显示坐标
showCoordinates(map);
/**
* 显示地图坐标
*/
function showCoordinates(map) {
var coordinatesDiv = document
.getElementById("map_coordinates");// js通过id获取div
dojo.connect(map, "onMouseMove", showCoords);// 监听地图的移动事件
dojo.connect(map, "onMouseDrag", showCoords);
function showCoords(evt) {
evt = evt ? evt : (window.event ? window.event : null);
var mp = evt.mapPoint;// 获取鼠标当前位置的地图坐标值
coordinatesDiv.innerHTML = "<strong><span id='cd_label' style='font-size:13px;text-align:center;font-family:微软雅黑;'>"
+ "X坐标:"
+ (mp.x).toFixed(3)
+ " Y坐标:"
+ (mp.y).toFixed(3) + "</span></strong>";
}
}