arcgis api for js 常用工具

时间:2022-06-10 19:32:08

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>";
}
}