Javascript 使用ArcGIS地图向下滚动页面
我正在为我的地图使用ArcGIS API的4.0版 无论何时加载地图，用户都必须向下滚动才能查看地图。这是我面临的第一个问题Javascript 使用ArcGIS地图向下滚动页面,javascript,arcgis,esri,arcgis-js-api,Javascript,Arcgis,Esri,Arcgis Js Api,我正在为我的地图使用ArcGIS API的4.0版 无论何时加载地图，用户都必须向下滚动才能查看地图。这是我面临的第一个问题 我的地图在页面中间，所以用户必须向下滚动查看它。 然后，如果在地图上单击了某个点，或者拖动了某个区域以放大，则地图显示为选择的指针不是鼠标所指向的确切点。它指向鼠标指针上方的位置 下面是一个示例代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &l
我的地图在页面中间，所以用户必须向下滚动查看它。 然后，如果在地图上单击了某个点，或者拖动了某个区域以放大，则地图显示为选择的指针不是鼠标所指向的确切点。它指向鼠标指针上方的位置
下面是一个示例代码 <!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>
将Compass小部件添加到基本2D地图-4.0
html，
身体，
#视窗{
填充：0；
保证金：0；
身高：100%；
宽度：100%；
}
要求([
“esri/Map”，
“esri/views/MapView”，
“esri/widgets/Compass”，
“dojo/domReady！”
],
作用(
地图，
地图视图，
罗盘
) {
var映射=新映射({
基础地图：“国家地理”
});
var view=新的地图视图({
容器：“viewDiv”，
规模：50万，
中间：[26.26,39.17]，
地图：地图
});
/********************************
*创建一个compass小部件对象。
*********************************/
var compassWidget=新指南针({
视图：视图
});
//将Compass小部件添加到视图的左上角
view.ui.add（compassWidget，左上角）；
});
如果你运行这段代码，你会看到如果你向下滚动并拖动一个区域（按住shift键并拖动鼠标），它会在你选择的区域上方拖动一个区域。我注意到每当用户滚动时都会发生这种情况。 因此，我建议要么删除滚动条，要么减小顶部标题容器的大小 有关更多详细信息，请参阅以下运行代码：-
将Compass小部件添加到基本2D地图-4.0
html，
身体，
#视窗{
填充：0；
保证金：0；
身高：100%；
宽度：100%；
溢出：隐藏；
}
要求([
“esri/Map”，
“esri/views/MapView”，
“esri/widgets/Compass”，
“dojo/domReady！”
],
作用(
地图，
地图视图，
罗盘
) {
var映射=新映射({
基础地图：“国家地理”
});
var view=新的地图视图({
容器：“viewDiv”，
规模：50万，
中间：[26.26,39.17]，
地图：地图
});
/********************************
*创建一个compass小部件对象。
*********************************/
var compassWidget=新指南针({
视图：视图
});
//将Compass小部件添加到视图的左上角
view.ui.add（compassWidget，左上角）；
});