WebGIS中地图恢复初始位置及状态
生活随笔
收集整理的這篇文章主要介紹了
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——