目錄
- 一、官方文檔
- 二、核心類
- 三、總結
一、官方文檔
首頁右側有四個欄目分別是
-
Docs(文檔)
:也可以理解為使用指南,涵蓋一下四個模塊Quick Start(快速入門)
:介紹如何快速引入并使用OpenLayers
快速構建一個地圖應用FAQ(問答)
:介紹一些常見問題的回復,如果沒有你想要的 還可以訪問 Stack OverflowTutorials(教程)
:介紹了一些OpenLayers的背景和原理Workshop(研討會)
:這里面主要介紹了以一個應用場景來介紹加載各種圖層(如矢量切片、GeoTIFF、矢量數據)的案例等。
-
Examples
官方提供 263 個示例,直觀展示各類功能的實現方式,幫助開發者理解和實踐應用。 -
API
涵蓋從 v3 版本至今各重大版本的最后一個補丁版本文檔,便于使用特定版本的開發者精準查閱 -
Code
提供源代碼倉庫地址與源碼下載鏈接,方便開發者獲取和貢獻代碼。
二、核心類
上面介紹了官網上的四個欄目,其中有兩個是作為開發者而言要重點關注的:一個是API
文檔,一個是Examples
示例。這兩方面能夠幫助我們學習如何使用OpenLayers
。示例我們這里就不多做介紹,感興趣的可以去官網去看。下面我們主要介紹下API
文檔中有哪些核心類。
下面這張圖描述了OpenLayers
的體系架構。把地圖看成一個容器(Map),核心為地圖圖層(Layer)、圖層對應的數據源(Source)、矢量圖層的樣式(Style)、地圖表現相關的視圖(View)以及其他一些元素如地圖事件(Event)、與地圖的交互的控件(Control)等。各類數據通過渲染類(Render)讀取加載到數據源(Source)中,然后通過與樣式(僅矢量數據源需要和樣式結合,非矢量數據源不需要樣式結合)相結合的方式構建不同的圖層呈現在地圖(Map)容器中,通過交互(Interaction)和控件(Control)操作地圖、綁定相應的事件(Event)來接收地圖反饋的信息。
Map
:地圖容器類,承載并管理著地圖中的所有元素如控件、圖層等View
:視圖類,控制地圖縮放與中心位置等交互操作、設定地圖的坐標系Control
:控件類,通過此類可以實現一些特定的交互和功能,如 縮放控件(Zoom
)、比例尺控件(ScaleLine
)等。當然除了預置的控件類之外也可以自定義擴展控件Layer
:圖層類,通過與數據源Source
結合加載各類數據到地圖上展示Source
:數據源類,用于加載各類數據和服務,與圖層類(Layer
)結合使用Style
:樣式類,主要用于設定矢量圖層的在地圖上展示的樣式Interaction
:交互類,通過此類可以實現鼠標或者鍵盤與地圖交互的操作Projections
:地圖投影定義類,用于設定地圖視圖的坐標系以及數據源的坐標系。目前OpenLayers
預置的坐標系就兩類EPSG:4326
和EPSG:3857
,其他坐標系需要自行定義。Overlay
:覆蓋物類,用于將DOM元素綁定到地圖上,通過設置坐標實現DOM元素跟隨地圖移動Event
:事件類,用于監聽地圖內各類的屬性、狀態變化;地圖的點擊、拖拽等交互也會被監聽
三、總結
本章節主要介紹OpenLayers
官網的展示的不同欄目與作用,方便感興趣的同學去查閱。核心類模塊提到的10個類是地圖應用開發過程中經常被使用到的類,只要掌握這些類就能夠獨立做一個地圖應用了。 這里只是介紹下這些類在地圖構建中的作用,詳細的用法與屬性會在后面的文章中逐步介紹。除了上面核心類以外的其他類在此不再介紹,留到具體使用場景的實戰中再做說明。當然你也可以去OpenLayers
官網的API
中自行學習與掌握。