WebGIS中地圖恢復(fù)初始位置及狀態(tài)

2024-04-27 15:18:46

字體：大中小

供稿：網(wǎng)友

我想實(shí)現(xiàn)這么一個(gè)效果：地圖任意縮放后，點(diǎn)擊一個(gè)按鈕，將立刻回到地圖初始加載時(shí)的位置，并且是沒(méi)有縮放的狀態(tài)。

怎么辦呢？最好的辦法就是用Home按鈕。

這里寫(xiě)圖片描述

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

用別的按鈕也不是不可以，麻煩一點(diǎn)：

這里寫(xiě)圖片描述