前言
openlayers4 官網(wǎng)的 api 文檔介紹地址 openlayers4 api,里面詳細(xì)的介紹 openlayers4 各個(gè)類的介紹藕帜,還有就是在線例子:openlayers4 官網(wǎng)在線例子烫罩,這個(gè)也是學(xué)習(xí) openlayers4 的好素材。
openlayers4 入門開發(fā)系列的地圖服務(wù)基于 Geoserver 發(fā)布的洽故,關(guān)于 Geoserver 方面操作的博客贝攒,可以參考以下幾篇文章:
內(nèi)容概覽
1.基于 openlayers4 實(shí)現(xiàn)地圖切換效果
2.源代碼 demo 下載
本篇的重點(diǎn)內(nèi)容是利用 openlayers4 來加載不同類型地圖服務(wù),實(shí)現(xiàn)了地圖切換功能时甚,效果圖如下:
地圖切換篇運(yùn)用到了 openlayers4 的核心類
- ol.layer.Tile
ol.layer.Tile
openlayers4 加載瓦片地圖類隘弊,關(guān)于 Tile 詳情看官方的 api 說明,里面具有有哪些函數(shù)荒适、屬性以及事件等等 - ol.source.XYZ
ol.source.XYZ
openlayers4 的 ol.layer.Tile 加載瓦片 XYZ 目錄訪問數(shù)據(jù)源梨熙,關(guān)于 ol.source.XYZ 詳情看官方的 api 說明,里面具有有哪些函數(shù)刀诬、屬性以及事件等等 - ol.source.TileArcGISRest
ol.source.TileArcGISRest
openlayers4加載 ArcGIS Rest services 地圖服務(wù)數(shù)據(jù)源咽扇,關(guān)于 ol.source.TileArcGISRest 詳情看官方的 api 說明,里面具有有哪些函數(shù)、屬性以及事件等等 - ol.source.ImageArcGISRest
ol.source.ImageArcGISRest
openlayers4 加載 ArcGIS Rest services 地圖服務(wù)數(shù)據(jù)源质欲,關(guān)于 o.source.ImageArcGISRest 詳情看官方的api說明树埠,里面具有有哪些函數(shù)、屬性以及事件等等 - ol.source.TileWMS
ol.source.TileWMS
openlayers4 加載 WMS 瓦片服務(wù)地圖數(shù)據(jù)源嘶伟,關(guān)于 ol.source.TileWMS 詳情看官方的 api 說明怎憋,里面具有有哪些函數(shù)、屬性以及事件等等 - ol.source.OSM
ol.source.OSM
openlayers4 加載 OSM 在線地圖數(shù)據(jù)源九昧,關(guān)于 ol.source.OSM 詳情看官方的 api 說明税稼,里面具有有哪些函數(shù)肺魁、屬性以及事件等等
地圖切換篇核心代碼實(shí)現(xiàn)過程
- 不同類型地圖服務(wù)配置
更多的詳情見:GIS之家小專欄
文章尾部提供源代碼下載,對(duì)本專欄感興趣的話住涉,可以關(guān)注一波