How to add point on a map with marker and get coordinates

KafilBaig — Thu, 12 Sep 2019 06:01:34 GMT

I want to add a point with marker on map and get coordinates . How can I achieve this on JavaScript api 4.12 . Please suggest if any example

Re: How to add point on a map with marker and get coordinates

RobertScheitlin__GISP — Fri, 10 Dec 2021 22:00:59 GMT

Here is a sample for that:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="initial-scale=1,maximum-scale=1,user-scalable=no"
    />
    <title>Sketch widget - 4.12</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>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

topic Re: How to add point on a map with marker and get coordinates in ArcGIS JavaScript Maps SDK Questions

How to add point on a map with marker and get coordinates

Re: How to add point on a map with marker and get coordinates