topic Re: Draggable Marker in ArcGIS JavaScript Maps SDK Questions

Draggable Marker

Tarak-Kar — Fri, 18 Mar 2022 03:07:10 GMT

I need to have a draggable marker on the map something like how it is working in the example below -

https://developer.here.com/documentation/examples/maps-js/markers/draggable-marker

Thanks

Re: Draggable Marker

ReneRubalcava — Fri, 18 Mar 2022 14:37:11 GMT

Here is a sample of how to do this on a hold event.

https://codepen.io/odoe/pen/bLEroK?editors=0010

view.on("hold", ({ mapPoint }) => { view.hitTest(view.toScreen(mapPoint)).then((hitResult) => { if (!hitResult.results[0].graphic) return; console.log("hold event, now drag mouse to move graphic"); pointGraphic.symbol = selectSymbol; const pausePan = view.on("drag", stop); const move = view.on("pointer-move", updateGraphic); const up = view.on("pointer-up", cleanUp); handlers.push(pausePan); handlers.push(move); handlers.push(up); }); });

Re: Draggable Marker

RussellMGreen — Fri, 07 Jul 2023 21:24:40 GMT

@ReneRubalcava how would you make the marker draggable without having to "long press" (hold) the marker? I'm looking for standard marker drag/drop behavior (hover over marker, get pointer, click and drag marker).

Thanks!

Re: Draggable Marker

ReneRubalcava — Mon, 10 Jul 2023 14:57:41 GMT

You'd need to add some logic to handle when you click to start moving it and click to stop. Here's an updated demo.

https://codepen.io/odoe/pen/VwVrxBJ?editors=0010

if (pause) { handlers.forEach((a) => a.remove()); handlers.length = 0; pause = false; return; };

Re: Draggable Marker

KrishnaReddyRanabothu — Thu, 10 Aug 2023 07:21:43 GMT

Hi @ReneRubalcava,

I am trying in indoor map on floors, if I do drag and drop on floor it is going to ground floor, How can I place on floor.

Thanks!

Krishna