Day-02 View 講解

承上篇，我們完成了一個最簡單地圖範例。今天就來講解 View 及 Layers 這兩個物件。

原訂今天要講 View & Layers，結果光是 View 就寫了一篇，故再將 Layers 分為另一篇。

View 視圖

在 OpenLayers 中，地圖的中心點、縮放層級、地圖投射法、解析度及地圖方向並不是由 Map 來控制，而是經過 View 來設定。透過以下的程式碼來解說。

var map = new ol.Map({
    target:"map"
    });

map.setView(new ol.View({
    // 這個地圖的投影法是 WGS84 / Spherical Mercator(橫麥卡托) / Google Maps
    projection:"EPSG:3857",
    // 初始化地圖中心地點
    center:[120.625763,23.992247],
    // 初始化視圖縮放等級
    zoom:16,
    // 限制視圖最小縮放等級。預設 0
    minZoom:1,
    // 限制視圖最大縮放等級。預設 28
    maxZoom:26
}));

以上是列出較為常用的屬性，另外還有設定方向、最大最小分辨率設定、限制中心位置等功能，可以參考官方API文件。

另外，關於 projection 這個屬性，總得來說就是設定地圖投影法，而詳細的解說將會在往後文章詳細解說，目前先知道台灣常用的：

• WGS84 = EPSG:3857
• TWD97/TM2 zone 119 = EPSG:3825 (澎湖地區)
• TWD97/TM2 zone 121 = EPSG:3826 (台灣本島)
• TWD67/TM2 zone 119 = EPSG:3827 (澎湖地區)
• TWD67/TM2 zone 121 = EPSG:3828 (台灣本島)

讀者可能會有疑問， EPSG:XXXX 代表的是什麼。這是由歐洲石油探勘組織(EPSG)標準所定義的空間參考識別系統(SRID)，為了地圖製作、探勘和測地資料儲存所開發的一套標準。

以上，是今天的分享。明天將會介紹 Layers

References

• 官方API - ol.View
• 空間參考識別碼(SRID)
• epsg.io - Find a coordinate system and get position on a map.