How to add multiple points on to an Esri Map using an array of longitudes and an array of latitudes?

SiyabongaKubeka — Thu, 15 Oct 2020 10:36:00 GMT

Hi All,

I wan to be able to add point on to an Esri map by reading values from an array of longitudes and an array of latitudes? Please see my code below:

.esri-sketch__section.esri-sketch__tool-section:last-of-type {
display: none;
}

.esri-sketch__section.esri-sketch__tool-section:nth-child(2) {
border-right: none;
}
</style>
<script>
var lon;
var lat;
var crmLatitude = [];
var xcrmLatitude;
var crmLongitude = [];
var xcrmLongitude;
var latlon = [];
var xlatlon;
var provinces;
var municipalities;
var districts;
var wards;
var showWards = [];
//var ApplicationStatus = window.parent.Xrm.Page.getAttribute("statuscode").getValue();
//var ProjectType = window.parent.Xrm.Page.getAttribute("dea_typeofproject").getValue();
var ProjectType = 277440004;

var graphicsLayer = new GraphicsLayer();
webmap.layers.add(graphicsLayer);

// Create a point
var point = {
type: "point",
longitude: zLongitude,
latitude: zLatitude,
};

var simpleMarkerSymbol = {

type: "simple-marker", //
color: [226, 119, 40], // orange
size: 30,
style: "circle",
outline: {
color: [255, 255, 255], // white
width: 2
}
};

var pointGraphic = new Graphic({
geometry: webMercatorUtils.geographicToWebMercator(point),
symbol: simpleMarkerSymbol
});
graphicsLayer.add(pointGraphic);

var sketch = new SketchViewModel({
layer: graphicsLayer,
view: view,
//container: "viewDiv"
});

view.ui.add(sketch, {
position: "top-right"
});

sketch.on("create", function(event) {
// check if the create event's state has changed to complete indicating
// the graphic create operation is completed.
console.log(view.zoom);
if (event.state === "complete") {
// remove the graphic from the layer. Sketch adds
// the completed graphic to the layer by default.
graphicsLayer.remove(event.graphic);

// use the graphic.geometry to query features that intersect it
selectFeatures(event.graphic.geometry);
}
});
}
);

}

</script>

</head><body style="overflow-wrap: break-word;">
<div id="viewDiv"></div>

</body></html>

Re: How to add multiple points on to an Esri Map using an array of longitudes and an array of latitudes?

RobertScheitlin__GISP — Fri, 10 Dec 2021 21:18:31 GMT

Just loop through the array.

          var graphicsLayer = new GraphicsLayer();
          webmap.layers.add(graphicsLayer);

          var simpleMarkerSymbol = {
            type: "simple-marker", //
            color: [226, 119, 40], // orange
            size: 30,
            style: "circle",
            outline: {
              color: [255, 255, 255], // white
              width: 2
            }
          };

          for (i=0; i< zLongitude.length; i++ ){
            // Create a point
            var point = {
              type: "point",
              longitude: zLongitude[i],
              latitude: zLatitude[i],
            };

            var pointGraphic = new Graphic({
              geometry: webMercatorUtils.geographicToWebMercator(point),
              symbol: simpleMarkerSymbol
            });
            graphicsLayer.add(pointGraphic);
          }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: How to add multiple points on to an Esri Map using an array of longitudes and an array of latitudes?

SiyabongaKubeka — Thu, 15 Oct 2020 15:25:02 GMT

Hi Robert Scheitlin, GISP‌

Thank you very much. It works.

Kind Regards

Siyabonga Kubeka

topic Re: How to add multiple points on to an Esri Map using an array of longitudes and an array of latitudes? in ArcGIS JavaScript Maps SDK Questions

How to add multiple points on to an Esri Map using an array of longitudes and an array of latitudes?

Re: How to add multiple points on to an Esri Map using an array of longitudes and an array of latitudes?

Re: How to add multiple points on to an Esri Map using an array of longitudes and an array of latitudes?