How I can display multiple points in a map from an array ?

Abdulmajeed__ — Sun, 03 Jan 2021 07:14:04 GMT

Hi everyone

I want to display multiple points in a map using array

here is my code

<html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <title>ArcGIS API for JavaScript Tutorials: Create a JavaScript starter app</title> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> <link rel="stylesheet" href="https://js.arcgis.com/4.15/esri/themes/light/main.css"> <script src="https://js.arcgis.com/4.15/"></script> <script> // My Array var locs = ["51.38254, -2.362804", "51.235249, -2.297804", "51.086126, -2.210767"] require([ "esri/Map", "esri/views/MapView", "esri/Graphic", "esri/layers/GraphicsLayer", "esri/geometry/Multipoint", "esri/layers/FeatureLayer", "esri/geometry/Point", "dojo/domReady!" ], function(Map, MapView, Graphic, GraphicsLayer, Point) { var map = new Map({ basemap: "dark-gray" }); var view = new MapView({ container: "viewDiv", map: map, center: [46.738586,24.774265], // longitude, latitude zoom: 6 }); var graphicsLayer = new GraphicsLayer(); map.add(graphicsLayer); // create a point var Point ={ type: "point", longitude: 48.738586, latitude: 24.774265 }; var simpleMarkerSymbol = { type: "simple-marker", color: [46, 204, 113 ], // Green outline: { color: [255, 255, 255], // white width: 1 } }; //*** ADD ***// // Create attributes var attributes = { Name: "My point", // The name of the Location: " Point Dume State Beach", // The owner of the }; // Create popup template var popupTemplate = { title: "{Name}", content: "Test <b>{Location}</b>." }; var pointGraphic = new Graphic({ geometry: Point, symbol: simpleMarkerSymbol, //*** ADD ***// attributes: attributes, popupTemplate: popupTemplate }); graphicsLayer.add(pointGraphic); }); </script> </head> <body> <div id="viewDiv"></div> </body> </html>

Re: How I can display multiple points in a map from an array ?

ManishPatel — Sun, 03 Jan 2021 22:34:10 GMT

Hi @Abdulmajeed__ ,

Please see the below link, this should give you a good idea.

Note, that the points are currently, located in the ocean, it could be depending on the coordinates.

https://codepen.io/patelmanya/pen/dypmjJE?editors=1000

topic Re: How I can display multiple points in a map from an array ? in ArcGIS JavaScript Maps SDK Questions

How I can display multiple points in a map from an array ?

Re: How I can display multiple points in a map from an array ?