OpenLayers3 學習心得(一) 體系結構

2021-06-27 03:29:31 字數 549 閱讀 9636

簡單理了一下ol3的圖層體系,目的是為了以後在開發過程中如何管理圖層(新增、刪除、顯示控制),如何在臨時圖層上新增自己的要素(方便在查詢、定位、繪圖等功能中使用),其他的結構在本篇幅中並不涉及,從頂層至下依次介紹。

1 框架

ol3是乙個js的類庫,物件的建立、方法呼叫符合js標準,因此物件的呼叫和其他常見的js呼叫一致。

2 地圖map

map是顯示地圖用的,同時也是最大的容器,裡面可以載入各種型別的圖層,以及一些控制項,如縮放、比例尺、鷹眼等,從而構成我們常見的地圖介面。這種結構和arcgis的webapi結構體系也是相同的(相信其他的平台也應該是類似的,只接觸過這兩個)。

3 圖層layer

3.1圖層資料來源

3.2子圖層

最後附乙個ol的結構圖

Openlayers 3載入XYZ示例

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

openlayers3 自定義打包

首先放乙個啟發我的文章 ol有很多庫,有時候我們只需要部分,比如map,view.layer等。如果把整個檔案都引入專案,有些浪費資源且檔案過大,與最小化的思路相違。這時候就需要單獨打包這些內容,這也是這邊記錄的主要內容,如何自定義打包我們需要的庫?build資料夾是在npm中安裝openlayer...

使用OPENLAYERS 3 顯示聚合資料

使用openlayers 3 地圖元件比較容易解決這個問題,關鍵是 ol.source.cluster 物件,這個物件有兩個引數,乙個是聚合距離,乙個是原始的點資料。片段如下 1 初始化ol3 map物件 this.ol2d new ol.map view new ol.view 2 準備json資...