1.6.3　通過OpenLayers加載地圖

我們在1.6.2節中引入了ol.js類庫，ol是一個專為WebGIS客戶端開發提供的JavaScript類庫包，用于訪問按標準格式發布的地圖數據。通過ol.layer.Tile類（該類是一個瓦片圖層類，用來承載瓦片資源）和ol.Map類（該類是一個地圖容器類）可以加載并設置地圖的樣式，具體參數說明如下：

title：用于設置地圖標題。

source：表示數據源類型，本書使用的數據源類型是ol.source.XYZ，可以通過url和wrapX設置服務地址及地圖在x軸方向是否重復，當wrapX為true時，不限制圖層在x軸上的重復；當wrapX為false時，限制圖層在x軸上的重復。

layers：用于設置地圖圖層。

view：地圖視圖，可以通過ol.View構造函數中的center、projection、zoom、maxResolution屬性分別設置地圖視圖的中心坐標、地圖投影、地圖視圖的縮放級別、最大分辨率。其中EPSG：3857表示墨卡托投影。

target：用于指定地圖所在網頁div元素的id，例如程序代碼1-18中的“map”。如果在構建時未指定target，則必須調用ol.Map類的setTarget方法來繪制地圖。

以上參數的具體設置如程序代碼1-18所示。

程序代碼1-18　加載地圖

上面的代碼通過OpenLayers加載了地形圖底圖，接下來還需要美化地圖的樣式。為了在網頁上全屏顯示地圖，將地圖的寬度和高度設置為100%，將地圖的位置設為絕對位置，如程序代碼1-19所示。

程序代碼1-19　設置地圖的寬度、高度和位置