Having Issue on Getting Lat & Long of Multi Point Added to The Map

BehrouzHosseini — Sat, 11 Dec 2021 12:23:39 GMT

Customizing this Esri Sample I am able to get Lat and Long of new added Point to the Map at

function addToMap(evt) {
 var symbol;
 toolbar.deactivate();
 map.showZoomSlider();
 switch (evt.geometry.type) {
 case "point":
 symbol = new SimpleMarkerSymbol();
 var mp = webMercatorUtils.webMercatorToGeographic(evt.geometry);
 var lat = mp.x;
 var long = mp.y;
 console.log(lat, long);
 var point = new Point(lat, long);
 var graphic = new Graphic(point, symbol);
 pointGraphicLayer.add(graphic);
 break;‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Now I need to do the same process for Multipoint class as

case "multipoint":
 symbol = new SimpleMarkerSymbol();
 var mp = webMercatorUtils.webMercatorToGeographic(evt.geometry);
 console.log(mp.points);‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

but I am getting this error

can you please let me know how I can get a list of lat and long of multi point?

Thanks

Update

I also tried this

case "multipoint":
 symbol = new SimpleMarkerSymbol();
console.log(this.points);
break;‍‍‍‍

but the console.log() is not printing out any thing however I am not getting error neither

Re: Having Issue on Getting Lat & Long of Multi Point Added to The Map

RobertScheitlin__GISP — Sat, 11 Dec 2021 12:23:42 GMT

Bengi,

Your likely issue is that you did not change the switch block to handle the point and multipoint separately:

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no">

    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
    <title>Maps Toolbar</title>

    <link rel="stylesheet" href="https://js.arcgis.com/3.19/dijit/themes/nihilo/nihilo.css">
    <link rel="stylesheet" href="https://js.arcgis.com/3.19/esri/css/esri.css">
    <style>
      html, body, #mainWindow {
        font-family: sans-serif;
        height: 100%;
        width: 100%;
      }
      html, body {
        margin: 0;
        padding: 0;
      }
      #header {
        height: 80px;
        overflow: auto;
        padding: 0.5em;
      }
    </style>

    <script src="https://js.arcgis.com/3.19/"></script>
    <script>
      var map, toolbar, symbol, geomTask;

      require([
        "esri/map",
        "esri/toolbars/draw",
        "esri/graphic",
        "esri/geometry/webMercatorUtils",
        "esri/symbols/SimpleMarkerSymbol",
        "esri/symbols/SimpleLineSymbol",
        "esri/symbols/SimpleFillSymbol",

        "dojo/parser", "dijit/registry",

        "dijit/layout/BorderContainer", "dijit/layout/ContentPane",
        "dijit/form/Button", "dijit/WidgetSet", "dojo/domReady!"
      ], function(
        Map, Draw, Graphic, webMercatorUtils,
        SimpleMarkerSymbol, SimpleLineSymbol, SimpleFillSymbol,
        parser, registry
      ) {
        parser.parse();

        map = new Map("map", {
          basemap: "streets",
          center: [-15.469, 36.428],
          zoom: 3
        });

        map.on("load", createToolbar);

        // loop through all dijits, connect onClick event
        // listeners for buttons to activate drawing tools
        registry.forEach(function(d) {
          // d is a reference to a dijit
          // could be a layout container or a button
          if ( d.declaredClass === "dijit.form.Button" ) {
            d.on("click", activateTool);
          }
        });

        function activateTool() {
          var tool = this.label.toUpperCase().replace(/ /g, "_");
          toolbar.activate(Draw[tool]);
          map.hideZoomSlider();
        }

        function createToolbar(themap) {
          toolbar = new Draw(map);
          toolbar.on("draw-end", addToMap);
        }

        function addToMap(evt) {
          var symbol;
          toolbar.deactivate();
          map.showZoomSlider();
          switch (evt.geometry.type) {
            case "point":
              var mp = webMercatorUtils.webMercatorToGeographic(evt.geometry);
              var lat = mp.x;
              var long = mp.y;
              console.log(lat, long);
              symbol = new SimpleMarkerSymbol();
              break;
            case "multipoint":
              var mp = webMercatorUtils.webMercatorToGeographic(evt.geometry);
              console.log(mp.points);
              symbol = new SimpleMarkerSymbol();
              break;
            case "polyline":
              symbol = new SimpleLineSymbol();
              break;
            default:
              symbol = new SimpleFillSymbol();
              break;
          }
          var graphic = new Graphic(evt.geometry, symbol);
          map.graphics.add(graphic);
        }
      });
    </script>
  </head>
  <body class="nihilo">

  <div id="mainWindow" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline'">
    <div id="header" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top'">
      <span>Draw:<br /></span>
      <button data-dojo-type="dijit/form/Button">Point</button>
      <button data-dojo-type="dijit/form/Button">Multi Point</button>
      <button data-dojo-type="dijit/form/Button">Line</button>
      <button data-dojo-type="dijit/form/Button">Polyline</button>
      <button data-dojo-type="dijit/form/Button">Polygon</button>
      <button data-dojo-type="dijit/form/Button">Freehand Polyline</button>
      <button data-dojo-type="dijit/form/Button">Freehand Polygon</button>

      <button data-dojo-type="dijit/form/Button">Arrow</button>
      <button data-dojo-type="dijit/form/Button">Triangle</button>
      <button data-dojo-type="dijit/form/Button">Circle</button>
      <button data-dojo-type="dijit/form/Button">Ellipse</button>
    </div>
    <div id="map" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'"></div>
  </div>

  </body>
</html>
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Having Issue on Getting Lat & Long of Multi Point Added to The Map

BehrouzHosseini — Wed, 18 Jan 2017 17:21:36 GMT

Thanks Robert, this is working perfectly. Just one more question? Can we use the same mechanism to get vertices of Polygons and Line or Polylines , as well?

Re: Having Issue on Getting Lat & Long of Multi Point Added to The Map

RobertScheitlin__GISP — Wed, 18 Jan 2017 17:40:34 GMT

Bengi,

Yes you should be able to if you loop over the points in those geometries.

Don't forget to mark this question as answered by clicking on the "Correct Answer" link on the reply that answered your question.

topic Having Issue on Getting Lat & Long of Multi Point Added to The Map in ArcGIS JavaScript Maps SDK Questions

Having Issue on Getting Lat & Long of Multi Point Added to The Map

Re: Having Issue on Getting Lat & Long of Multi Point Added to The Map

Re: Having Issue on Getting Lat & Long of Multi Point Added to The Map

Re: Having Issue on Getting Lat & Long of Multi Point Added to The Map