前言
openlayers4 官網(wǎng)的 api 文檔介紹地址 openlayers4 api，里面詳細的介紹 openlayers4 各個類的介紹丈莺，還有就是在線例子：openlayers4 官網(wǎng)在線例子，這個也是學習 openlayers4 的好素材送丰。
openlayers4 入門開發(fā)系列的地圖服務基于 Geoserver 發(fā)布的缔俄，關于 Geoserver 方面操作的博客，可以參考以下幾篇文章：
內容概覽
1.基于 openlayers4 實現(xiàn)地圖展示效果
2.源代碼 demo 下載
GIS之家一直打算寫一個 openlayers 入門開發(fā)系列文章（openlayers 目前版本用 4.x），只是一直沒抽出時間來整理俐载；本文是 openlayers 入門開發(fā)系列的第一篇：地圖展示篇蟹略，后續(xù)會持續(xù)更新一系列入門開發(fā)文章。
整個系列的系統(tǒng)主界面會隨著功能增加而對應改變遏佣，大體布局如下：
image
地圖展示篇運用到了 openlayers 的核心類
-
ol.Map
這是 openLayers 的核心組件挖炬，對于要渲染的地圖，需要一個視圖状婶、一個或多個圖層和目標容器意敛；
關于 Map 詳情看官方的 api 說明，里面具有有哪些函數(shù)膛虫、屬性以及事件等等草姻。
官方默認的 Map 創(chuàng)建代碼如下：
var map = new ol.Map({
view: new ol.View({
center: [0, 0],
zoom: 1
}),
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
target: 'map'
});
-
ol.View
View 對象表示地圖的簡單 2D 視圖，用來改變地圖的中心稍刀、分辨率和旋轉的對象撩独。初始化View對象有很多參數(shù)屬性，比如 center账月，zoom综膀，extent，extent 等等局齿，這些設置跟地圖加載展示息息相關剧劝，詳情看官方的 api 說明。 -
ol.source.TileWMS
這是圖層類项炼，用于 WMS 服務器的瓦片數(shù)據(jù)的層源担平，詳情看官方的 api 說明。
地圖展示篇核心代碼實現(xiàn)過程锭部，加載 geoserver 部署的瓦片數(shù)據(jù)
- 地圖配置文件 Config.js暂论，配置地圖服務信息
更多的詳情見：GIS之家小專欄
文章尾部提供源代碼下載，對本專欄感興趣的話拌禾，可以關注一波
