WebGIS中地图恢复初始位置及状态

2024-04-27 15:18:46

字体：大中小

来源：转载

供稿：网友

我想实现这么一个效果：地图任意缩放后，点击一个按钮，将立刻回到地图初始加载时的位置，并且是没有缩放的状态。

怎么办呢？最好的办法就是用Home按钮。

这里写图片描述

<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> <title>Home Extent</title> <link rel="stylesheet" href="https://js.arcgis.com/3.19/esri/CSS/esri.css"> <style> html, body, #map { padding:0; margin:0; height:100%; } #HomeButton { position: absolute; top: 95px; left: 20px; z-index: 50; } </style> <script src="https://js.arcgis.com/3.19/"></script> <script> require([ "esri/map", "esri/dijit/HomeButton", "dojo/domReady!" ], function( Map, HomeButton ) { var map = new Map("map", { center: [-56.049, 38.485], zoom: 3, basemap: "streets" }); var home = new HomeButton({ map: map }, "HomeButton"); home.startup(); }); </script></head><body> <div id="map" class="map"> <div id="HomeButton"></div> </div></body></html>

用别的按钮也不是不可以，麻烦一点：

这里写图片描述