當前位置：
首頁 >
WebGIS中地图恢复初始位置及状态
發布時間：2025/7/14
64
豆豆
生活随笔
收集整理的這篇文章主要介紹了
WebGIS中地图恢复初始位置及状态
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
我想實現這么一個效果：地圖任意縮放后，點擊一個按鈕，將立刻回到地圖初始加載時的位置，并且是沒有縮放的狀態。
怎么辦呢？最好的辦法就是用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>用別的按鈕也不是不可以，麻煩一點：
var mapcenter = new Point([120, 26], new SpatialReference({ wkid:4326 }));map = new Map("map", {basemap: "delorme",center: mapcenter,maxZoom: 10, minZoom: 1, zoom: 5,extent: bounds,logo: false,nav: false});var homeClick = function(){map.centerAndZoom(mapcenter,5); }一定要設置basemap，否則這個縮放難以達到效果。
轉載于:https://www.cnblogs.com/leftfist/p/6808655.html
總結
以上是生活随笔為你收集整理的WebGIS中地图恢复初始位置及状态的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【Java8精华教程】一起爪哇Java8
- 下一篇： Selenium Webdriver——