topic Re: Scrolling down a page with a map in ArcGIS JavaScript Maps SDK Questions

Scrolling down a page with a map

UdyWa — Wed, 18 May 2016 08:51:21 GMT

I'm using version 4.0 of the ArcGIS API for my maps. I have this problem with maps whenever the page has to be scrolled down to view the map. My map is somewhere in the middle of the page so the user has to scroll down to view it. Then if a certain point was clicked on the map or if a certain area in dragged to zoom in, the pointers the map shows as selection are not the exact points the mouse is pointing at. it points to a location above the mouse pointer.

Here is a sample code.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>Add the Compass widget to a basic 2D map - 4.0</title> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> <link rel="stylesheet" href="https://js.arcgis.com/4.0/esri/css/main.css"> <script src="https://js.arcgis.com/4.0/"></script> <script> require([ "esri/Map", "esri/views/MapView", "esri/widgets/Compass", "dojo/domReady!" ], function( Map, MapView, Compass ) { var map = new Map({ basemap: "national-geographic" }); var view = new MapView({ container: "viewDiv", scale: 500000, center: [26.26, 39.17], map: map }); /******************************** * Create a compass widget object. *********************************/ var compassWidget = new Compass({ view: view }); // Add the Compass widget to the top left corner of the view view.ui.add(compassWidget, "top-left"); }); </script> </head> <body>  <div style="height:500px;"></div> <div id="viewDiv"></div> </body> </html>

If you run this code you'll see if you scroll down and drag an area (by holding shift and dragging the mouse) it will drag an area above your selection.

Re: Scrolling down a page with a map

KenBuja — Wed, 18 May 2016 16:15:49 GMT

You should move this over to the JavaScript discussion group to get better visibility.

This sounds like an issue that was plaguing 3.x with resize/reposition, but that was supposed to be solved in 4.0

Mouse Wheel Zooms in Wrong Place Until Window Resize

Map Navigation Mouse Offset?

Re: Scrolling down a page with a map

UdyWa — Wed, 18 May 2016 16:18:11 GMT

Im new to here so could you please post the link to that forum so I can post this.

Re: Scrolling down a page with a map

KenBuja — Wed, 18 May 2016 16:21:42 GMT

Unfortunately, I don't have the privileges to do that. The move link has the instructions on how to do it.

Re: Scrolling down a page with a map

UdyWa — Wed, 18 May 2016 16:23:29 GMT

It is this 'ArcGIS API for JavaScript '? I already have the same question there as well.

Re: Scrolling down a page with a map

KenBuja — Wed, 18 May 2016 16:32:49 GMT

Yes, it is that group.

Re: Scrolling down a page with a map

JustinGreco — Mon, 19 Dec 2016 20:26:33 GMT

Looks like this has been resolved in version 4.2. Try using 4.2 instead of 4.0 and see if that resolves the issue.