topic Re: Pan map by pixel (offset map centering) in ArcGIS JavaScript Maps SDK Questions

Pan map by pixel (offset map centering)

MartinSirkovsky — Mon, 24 Feb 2014 09:04:33 GMT

I would like to offset the map recentering by x number of pixels. How can I do this.

map.centerAt(point) - The argument takes a coordinates. However I would like to move the center 50 px to the left from real center.

I guess I could calculate the resolution of the pixel based on the current map scale and than calculate the distance I need to move the map. But I am wondering if there is a simpler way of panning the map by defining number of pixels, rather than the coordinates at which to center.

Thanks,
Martin

Re: Pan map by pixel (offset map centering)

RobertoPepato — Mon, 24 Feb 2014 10:43:58 GMT

I would like to offset the map recentering by x number of pixels. How can I do this.

map.centerAt(point) - The argument takes a coordinates. However I would like to move the center 50 px to the left from real center.

I guess I could calculate the resolution of the pixel based on the current map scale and than calculate the distance I need to move the map. But I am wondering if there is a simpler way of panning the map by defining number of pixels, rather than the coordinates at which to center.

Thanks,
Martin

Hi Martin,

Take a look at the screenUtils class. By using this class you can convert your point to ScreenPoint, offset it the way you like and convert it back to MapPoint.

Let me know if it helps.

Re: Pan map by pixel (offset map centering)

MartinSirkovsky — Mon, 24 Feb 2014 11:08:40 GMT

Thanks for the tip. I investigating further after I posted my question and that is what I used.

Here is my code, using Jquery selectors:

// Get width of map div  var mapDivWidth = $("#mapDiv").width();  // Get width of the div which is partialy obscuring the mapDiv var tableListWidth = $("#propertyList").width();  // Get the min and max X coordinate of the current map  var minX = map.toMap(esri.geometry.ScreenPoint(0,0)); var maxX = map.toMap(esri.geometry.ScreenPoint((mapDivWidth-1),0));  // Calculate the current pixel resolution var pointResolution = (maxX.x - minX.x)/mapDivWidth;   // Get the correct map center var currentMapCenter = (mapDivWidth - tableListWidth) / 2;  // Get the wished offset in coordinate system units offset = ((mapDivWidth / 2) - currentMapCenter) * pointResolution;  //...... follows the code where I apply the offset

Re: Pan map by pixel (offset map centering)

KenBuja — Mon, 24 Feb 2014 13:19:23 GMT

Martin, you should mark your own post as the answer to help others who might have this same question.

Re: Pan map by pixel (offset map centering)

RyannGalea — Mon, 12 Aug 2019 05:11:08 GMT

Here is a similar question & answer that is relevant here.

Is there a way to animate a padding change?