向下滚动带有ArcGIS地图的页面

乌迪·沃纳苏里亚(Udy Warnasuriya)

我正在为地图使用ArcGIS API的4.0版本。

每当加载地图时,用户都必须向下滚动以查看地图。这是我面临的第一个问题。

我的地图在页面中间的某处,因此用户必须向下滚动才能查看它。

然后,如果在地图上单击了某个点,或者如果拖动了某个区域以进行放大,则地图显示为选择的指针不是鼠标指向的确切点。它指向鼠标指针上方的位置。

这是示例代码。

    <!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>

注意: -arcgsi js api示例上也存在相同的问题... https://developers.arcgis.com/javascript/latest/sample-code/sandbox/sandbox.html?sample=get-started-mapview

如果运行此代码,您将看到是否向下滚动并拖动一个区域(按住Shift并拖动鼠标),它将在您选择的区域上方拖动一个区域。

乌迪·沃纳苏里亚(Udy Warnasuriya)

我已将其发布在一个ArcGIS论坛中,并且知道这是4.0中的错误,并将在4.1中修复。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

向下滚动带有消息的社交媒体页面时,Python Selenium:StaleElementReference异常

URL向下滚动的页面

mapbox:在页面顶部向上滚动时激活缩放;地图缩小时向下移动页面

使用带有AngularJS的ArcGIS JS 4 API显示地图

向下滚动到带有量角器的元素

使用机车滚动时滚动条没有完全向下滚动页面

带有列表视图的可滚动页面

Firefox向下滚动页面加载

当滚动条没有带有Selenium for python的标签时向下滚动

iphone向下滚动页面与水平滚动元素

我的向下滚动功能没有向下滚动到页面的同一部分 - jQuery

向下滚动页面时,如何使导航栏向下滚动

ScrollView没有向下滚动

页面上带有标记的多个Google地图

向下滚动页面后出现的标题

如何使用jQuery缓慢向下滚动页面?

youtube页面使用硒,python向下滚动

向下滚动页面时显示html元素

使用Selenium缓慢向下滚动页面

向下滚动页面事件x秒

自动和/或不断向下滚动页面

向下滚动或向上滚动页面时,如何使图像向下滚动或向上滚动?

只要有更多内容要显示,Watir 就向下滚动页面

使用ScrollMagic向下滚动后,只有到达页面末尾时,才如何显示页脚?

在使用 read_html() 之前向下滚动页面并加载所有项目

提交有错误的表单时,向下滚动至页面底部的联系表单

带有引导警报的AngularJS-向下滚动时将警报保持在屏幕上

在机器人框架中向下滚动带有固定标题的表格

带有完整显示的文本的向下部分菜单,无需滚动