lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
載入比例尺控制項title
>
rel=
"stylesheet"
href
="openlayers/css/ol.css"
>
src=
"openlayers/build/ol.js"
>
script
>
head
>
>
"map"
>
div>
>
// 1.建立比例尺控制項
var scalebar =
newol.control.scaleline()
;// 2.建立地圖
var map =
newol.map()
,})]
, view:
newol.view()
,// 3.載入比例尺控制項
controls: ol.control.
defaults()
.extend
([scalebar]),
});script
>
body
>
html
>
參考：郭明強, 黃穎. webgis之openlayers全面解析第2版, 電子工業出版社.
OpenLayers之載入縮放控制項
1 一般的地圖開啟都有放大 縮小和全圖的導航條，以便於使用者對地圖的檢視，下面我們將在openlayers中實現這一功能 2 在之前建立的空白站點下面新建乙個html的頁面，引入ol.js和ol.css檔案，然後在body標籤中建立乙個div，作為地圖載入的容器 3 實現 4 執行結果 此時我們開啟...
openlayers 載入瓦片詳解 一
在這先說點題外話，本人在研究webgl 三維球過程中驚人發現，openlayers 的開發人員也在研究webgl並經證實他們也正在研發基於 webgl的三維gis開源平台，這可能是首個開源的三維平台，在現在三維大趨勢下，看來 openlayers 前景還是一片大好，閒話少說，靜候佳音。在第一篇先給實...
Openlayers 3載入XYZ示例
openlayers3中有個ol.source.xyz類，可以載入tile瓦片圖層，本文只是做個說明，介紹如何識別以及如何正確載入這些圖層。明顯的名稱.png arcserver切片.png 這是arcserver的切片，感覺xyz不明顯，但是組織形式也和xyz是一樣的，其實，稍微想想，除了名字不一...