topic vertices move offset when page is scaled with css transform in ArcGIS JavaScript Maps SDK Questions

vertices move offset when page is scaled with css transform

CalvinShi — Wed, 16 Nov 2016 17:35:26 GMT

I have a map on a div, and I scale up the div by 2 using css transform scale(). now my issue is that when i dragging vertices to change the shape of polygon, it is offset from my mouse point. I don't know if there is a way that i can fix it.

an example of my issue would be https://developers.arcgis.com/javascript/3/samples/toolbar_edit/and add transform-origin: top left; transform:scale(2); to mainWindow div.

any advice and suggestions will be greatly appreciated

Re: vertices move offset when page is scaled with css transform

KenBuja — Sat, 11 Dec 2021 15:30:42 GMT

This usually happens when the map isn't resized after map is loaded. Search on GeoNet and you'll see many instances of a mouse offset.

Try putting this in your code

 map.on("load", function(){
   map.resize();     
});  ‍‍‍