How to add a pointer or a marker on a map using coordinates?

SiyabongaKubeka — Tue, 07 Apr 2020 19:21:45 GMT

I want to add a pointer or a marker on a webmap using coordinates. Below is the code to my original map, it works:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="initial-scale=1,maximum-scale=1,user-scalable=no"
/>
<title>Load a basic WebMap - 4.14</title>

/************************************************************
* Set the WebMap instance to the map property in a MapView.
************************************************************/
var view = new MapView({
map: webmap,
container: "viewDiv"
});

webmap.layers.add(graphicsLayer);

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

view.ui.add(sketch, {
position: "top-right"
});
// Listen to sketch widget's create event.
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>

And this is the code I am using trying to add the pointer or a marker on the webmap but it is not working, can you please advice me on what am I doing wrong?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="initial-scale=1,maximum-scale=1,user-scalable=no"
/>
<title>Load a basic WebMap - 4.14</title>

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

Re: How to add a pointer or a marker on a map using coordinates?

SiyabongaKubeka — Tue, 07 Apr 2020 19:24:12 GMT

the first code is working, the second one is not

Re: How to add a pointer or a marker on a map using coordinates?

BenElan — Sat, 11 Dec 2021 13:29:25 GMT

The module require needs to match up with those in the function. So you have

require(["esri/views/MapView",
"esri/WebMap",
"esri/config",
"esri/widgets/Sketch",
"esri/Graphic",
"esri/layers/GraphicsLayer"
], function(MapView, Graphic, WebMap, esriConfig, Sketch, GraphicsLayer) {‍‍‍‍‍‍‍

try changing it to

require(["esri/views/MapView",
"esri/WebMap",
"esri/Graphic",
"esri/config",
"esri/widgets/Sketch",
"esri/layers/GraphicsLayer"
], function(MapView, WebMap, Graphic, esriConfig, Sketch, GraphicsLayer) {‍‍‍‍‍‍‍

topic Re: How to add a pointer or a marker on a map using coordinates? in ArcGIS JavaScript Maps SDK Questions

How to add a pointer or a marker on a map using coordinates?

Re: How to add a pointer or a marker on a map using coordinates?

Re: How to add a pointer or a marker on a map using coordinates?