如何使用ESRI和JavaScript获取图钉/标记的坐标?

问题描述 投票:1回答:1

我有这个JavaScript代码,可让我在地图上放置图钉/标记。现在,我想获取掉下的销的坐标。我怎么做?请参见下面的代码:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
    <title>APPLICATION</title>

    <link rel="stylesheet" href="https://js.arcgis.com/4.12/esri/themes/light/main.css" />
    <script src="https://js.arcgis.com/4.12/"></script>

    <style>
        html,
        body,
        #viewDiv {
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }
    </style>
    <script>
        require([
            "esri/widgets/Sketch",
            "esri/Map",
            "esri/layers/GraphicsLayer",
            "esri/views/MapView"
        ], function (Sketch, Map, GraphicsLayer, MapView) {
            const layer = new GraphicsLayer();

            const map = new Map({
                basemap: "streets",
                layers: [layer]
            });

            const view = new MapView({
                container: "viewDiv",
                map: map,
                zoom: 5,
                center: [90, 45]
            });

            const sketch = new Sketch({
                layer: layer,
                view: view,
                availableCreateTools: ["point"]
            });

            view.ui.add(sketch, "top-right");

            sketch.on('create', function (evt) {
                console.info(evt.graphic.geometry);
            });
        });
    </script>
</head>

<body>
    <div id="viewDiv"></div>
</body>

</html>

请协助。我可以看到地图并放置一个图钉,但是我还需要获取该图钉的坐标。

javascript esri arcgis-js-api
1个回答
0
投票

您可以从图形(销)几何图形访问坐标:

创建草图后,您可以在这里访问它:

sketch.on('create', function (evt) {
  console.info(evt.graphic.geometry);
  var x = evt.graphic.geometry.x;
  var y = evt.graphic.geometry.y;
});

您从存储草图的图形层访问它:

layer.graphics.forEach(function(graphic) {
  var x = graphic.geometry.x;
  var y = graphic.geometry.y;
});
© www.soinside.com 2019 - 2024. All rights reserved.