topic Re: Add a point marker on a map from a click in a ExB custom Widget in ArcGIS Experience Builder Questions

Add a point marker on a map from a click in a ExB custom Widget

sylvainhotte1 — Mon, 19 Aug 2024 18:23:14 GMT

Hello,

I am builder a custom widget that will be similar as the coordinate widget.

I am still a seed in the ground with ExB widget.

User click on the cross
then click on the map (a market will appear)
the coordinate are save in variable
then the user click on the button for some function to be executed

Everything is working except for the marker.

I want to be able to add a marker like this when I click on a map I don't know how to make the marker appear. I took inspiration from the coordinate widget. I copied this function into my code to start but...

const getMarkerGraphic = (mapPoint) => {

const symbol = new PictureMarkerSymbol({

url: require('./assets/pin-exb.svg'),

width: 12,

height: 22,

yoffset: 11

})

return new Graphic({

geometry: mapPoint,

symbol

})

}

Bu when I reload I get this (failed to load)

I am stuck there... any creation of any object will give me that problem ( const xyz = new Whatever() )

the function is not event called anywhere in my code at this point.

I coded my widget base on a function model (not a class). But I think the coordinate widget is also a function...

Any idea ?

Thanks

Sylvain

Re: Add a point marker on a map from a click in a ExB custom Widget

sylvainhotte1 — Mon, 19 Aug 2024 18:39:08 GMT

I need to add "dependency": "jimu-arcgis" in the manifest

Re: Add a point marker on a map from a click in a ExB custom Widget

Brian_McLeer — Thu, 22 Aug 2024 22:17:40 GMT

@sylvainhotte1 Would you be willing to share your widget?

Re: Add a point marker on a map from a click in a ExB custom Widget

sylvainhotte1 — Fri, 23 Aug 2024 16:00:42 GMT

@Brian_McLeerYes no problem. I still have a few things to adjust then I will send it to you. It should be done next week.

Sylvain

Re: Add a point marker on a map from a click in a ExB custom Widget

sylvainhotte1 — Tue, 27 Aug 2024 23:29:27 GMT

Hello @Brian_McLeer here's the small widget I made.

The widget is called xyurl

The setting needs a map, the text for the button a url ({x}{y} will be replaced with the actual coordinate one you click on the map) and the color of the pin on the map

in runtime

(1) click the cross and the the map (the pin will appear)

(2) the you can click the button

(3) click the trash can to delete the pin

This is my first widget, so it may not be perfect.

Hope it help

regards,

Sylvain

Re: Add a point marker on a map from a click in a ExB custom Widget

Brian_McLeer — Wed, 28 Aug 2024 14:03:03 GMT

Thank you @sylvainhotte1, I appreciate you being open to sharing it.