Select to view content in your preferred language

Scrolling down a page with a map

9227
13
Jump to solution
05-18-2016 02:00 AM
UdyWa
by
Deactivated User

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>
<!-- add div for test-->
<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.

Tags (1)
13 Replies
UdyWa
by
Deactivated User

Hi,

I have updated to esir 4.1 from 4.0. But this issue is still there. I check it even in your examples and even worst, the bug is there in your community home page!!! (Community | ArcGIS for Developers ) [Scroll down and try clicking a map location.]

Are you going to fix this anytime soon?

JoshOng
Emerging Contributor

This is a serious issue.  We cannot only use the maps at the top of the page.  If the map scrolls at all, all user input is shifted upwards.  This really needs to be fixed.

JoshOng
Emerging Contributor

It looks like they have fixed this in 4.2 released December 21, 2016, finally.  I did a test and it seemed to work even when the page is scrolled down and the map isn't at the top of the page.

The specific fix is mentioned in the release notes here.

  • BUG-000096543: Map clicks and mouse wheel scrolling works correctly now if the page is scrolled down.

Not sure if it's ready for prime time yet, but it looks like it's getting there.

GeraldGayowsky
New Contributor

This exact same problems exist in 3.X.

Is there any change that this fix will get applied to 3.X?

0 Kudos