我有这个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>
请协助。我可以看到地图并放置一个图钉,但是我还需要获取该图钉的坐标。
您可以从图形(销)几何图形访问坐标:
创建草图后,您可以在这里访问它:
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;
});