topic Re: Shift a graphic by a set number of pixels in ArcGIS JavaScript Maps SDK Questions

Shift a graphic by a set number of pixels

JohnWyant — Mon, 28 Jun 2021 14:00:19 GMT

I have a div that overlays on my map and I populate dynamic graphics.

If a graphic is under my div, I need to shift it to be just outside of it.

Is there anyway to take a graphic at (XLat, YLon) and shift it to the left by 50 pixels?

Re: Shift a graphic by a set number of pixels

bmanghi — Mon, 28 Jun 2021 15:21:45 GMT

You might be able to use the MapView.toScreen() method to convert the lat/lon to a ScreenPoint. Add the 50 pixels to the x,y screen coordinates and then use MapView.toMap() method to convert the adjusted screen point back to a map point and update the graphics geometry.

There's also a padding property on the MapView - .

Re: Shift a graphic by a set number of pixels

RobertScheitlin__GISP — Mon, 28 Jun 2021 15:21:36 GMT

@JohnWyant sure you just use the geometryEngines offset method.

Assuming 3.x

Get the graphics extent center
Use the map toScreen method to get the screen point and then add your 50 pixels to the screen point X and/or Y values
Then use the maps toMap to reconvert the screen point that is now shifted by 50 px to get the map point.
Next us the geometryEngine distance on the original point (the graphics extent center) and the new shifted point to get the distance value to use in the next step
Use the geometryEngine offset method to get the offset geometry.

Same can be done in 4.x it is just the MapView that has the toMap and toScreen methods.