OpenLayers之載入縮放控制項

2021-07-26 07:37:19 字數 451 閱讀 1389

1、一般的地圖開啟都有放大、縮小和全圖的導航條,以便於使用者對地圖的檢視,下面我們將在openlayers中實現這一功能;

2、在之前建立的空白站點下面新建乙個html的頁面,引入ol.js和ol.css檔案,然後在body標籤中建立乙個div,作為地圖載入的容器;

3、**實現

4、執行結果

此時我們開啟地圖時可以看見放大縮小和全圖的導航條了:

我們拖動中間的滑塊可以放大縮小地圖,單擊e的圖示可以直接定位到北京附近(之前設定的extent屬性的座標在北京附近):

openlayers 載入瓦片詳解 一

在這先說點題外話,本人在研究webgl 三維球過程中驚人發現,openlayers 的開發人員也在研究webgl並經證實他們也正在研發基於 webgl的三維gis開源平台,這可能是首個開源的三維平台,在現在三維大趨勢下,看來 openlayers 前景還是一片大好,閒話少說,靜候佳音。在第一篇先給實...

Openlayers 3載入XYZ示例

openlayers3中有個ol.source.xyz類,可以載入tile瓦片圖層,本文只是做個說明,介紹如何識別以及如何正確載入這些圖層。明顯的名稱.png arcserver切片.png 這是arcserver的切片,感覺xyz不明顯,但是組織形式也和xyz是一樣的,其實,稍微想想,除了名字不一...

openlayers入門之座標系

地理座標系是使用三維球面來定義地球上的位置。地理座標系是三維的,而我們在地圖或者螢幕上顯示需要將其轉換為二維,這就被稱為投影。常用的投影有等距矩形投影 platte carre 和墨卡托投影 mercator 兩種投影以下圖所示 右上為墨卡托投影,投影後仍然是圓形,但是在高緯度時物體被嚴重放大了。右...