ArcGIS获取地图坐标

获取地图坐标主要分两种情况，静止时和鼠标移动时的坐标。静止时获取当前的中心位置，移动时显示当前坐标。获取坐标时主要用到MapView，无其他api引用，就简单叙述下：

• 添加小控件，设置样式，并将控件添加到视图：

var coordsWidget = document.createElement("div");
coordsWidget.id = "coordsWidget";
coordsWidget.className = "esri-widget esri-component";
coordsWidget.style.padding = "7px 15px 5px";

view.ui.add(coordsWidget, "bottom-right");

• 显示地图信息：（坐标，比例和缩放级别）

function showCoordinates(pt) {
  var coords =
    "Lat/Lon " +
    pt.latitude.toFixed(3) +
    " " +
    pt.longitude.toFixed(3) +
    " | Scale 1:" +
    Math.round(view.scale * 1) / 1 +
    " | Zoom " +
    view.zoom;
  coordsWidget.innerHTML = coords;
}

• 获取移动或静止时的位置信息

view.watch("stationary", function (isStationary) {
  showCoordinates(view.center);
});

view.on("pointer-move", function (evt) {
  showCoordinates(view.toMap({ x: evt.x, y: evt.y }));
});

• 效果图展示：

微信图片_20200723173105.png

本片文章比较简单，但却十分重要，地图的操作，很多时候都需要坐标的支持

通过以上代码发现，小控件的添加是通过view.ui.add(coordsWidget, "bottom-right")实现，我们可以通过该方法在视图上的各个位置添加控件，样式也可以自己实现，大家可以自行尝试一下。