Openlayers初步實現地圖功能

openlayers

一.地圖初始化

• 實現形式

　　一：使用高德地圖的URL模板載入地圖瓦片

　　二：使用OpenLayer載入本地geoserver地圖

• 地圖圖層
  • 使用ol.layer.Tile建立一個新的瓦片圖層，其源設定為ol.source.XYZ或ol.source.TileWMS

• ol.source.TileWMS
  • 概述：
    • ol.source.TileWMS是OpenLayers中用於載入WMS（Web Map Service）服務的圖層資料來源。WMS是一種允許網路客戶端從伺服器請求地圖影像的協議

• • 主要特性和用途：
    • WMS服務：專門用於載入WMS服務提供的地圖圖層。WMS服務可以動態生成地圖影像，根據客戶端的請求（如圖層、樣式、座標範圍等）進行渲染。
    • 靈活性：WMS服務支援多種地圖樣式和圖層組合，可以透過請求引數進行配置，以實現高度自定義的地圖展示。
    • 引數配置：在ol.source.TileWMS的建構函式中，需要配置WMS服務的URL、圖層（LAYERS）、樣式（STYLES）、版本（VERSION）等引數。

• ol.source.XYZ地圖物件
  • 概述：
    • ol.source.XYZ是OpenLayers中用於載入XYZ格式（或稱為“滑動瓦片”格式）的地圖圖層資料來源。XYZ格式是一種簡單的瓦片地圖服務協議，透過URL模板來請求不同層級（z）、行（y）和列（x）的瓦片。
  • 主要特性和用途：
    • 簡單性：XYZ格式簡單直觀，透過URL模板即可訪問瓦片資料，無需複雜的引數配置。
    • 廣泛支援：許多地圖服務提供商（如OpenStreetMap、高德地圖等）都提供XYZ格式的瓦片服務。
    • 靈活性：雖然XYZ格式相對簡單，但透過自定義URL模板，可以靈活地接入不同的瓦片資料來源。
• 地圖物件
  • 使用ol.Map建立地圖例項，指定目標DOM元素（map div）、圖層列表和檢視設定（包括中心點、縮放級別、投影等）。

二.特徵點和向量圖層

• 示例程式碼

• 第一步：建立點特徵（Feature）
  • 建立一個ol.Feature物件，這是OpenLayers中用於表示地圖上單個地理實體的物件。即建立了一個點特徵，其地理位置由經緯度座標定義。
  • 這裡，ol.geom.Point是一個表示點的幾何物件，它接受一個包含經度和緯度的陣列作為引數。
• 第二步：應用樣式到特徵點
  • 將樣式（style）應用到這個特徵點上。樣式可以定義點的形狀、顏色、大小等屬性。
• 第三步：建立包含特徵點的向量圖層源（VectorSource）
  • 建立了一個ol.source.Vector物件，這是一個向量圖層的資料來源。向它的features屬性傳遞了一個點特徵的陣列。這樣，這個向量資料來源就包含了你的點特徵。

• 第四步：建立向量圖層並將其新增到地圖上
  • 使用ol.layer.Vector建立了一個向量圖層，並將之前建立的向量資料來源（包含你的點特徵）作為引數傳遞給它的source屬性。然後，使用map.addLayer方法將這個向量圖層新增到了地圖上。

三.控制元件

• 縮放至範圍控制元件 (ZoomToExtent): 允許使用者透過控制元件縮放地圖到預設的範圍。

• 縮放條控制元件 (zoomslider): 提供滑動條來控制地圖的縮放級別。

• 全屏控制元件 (fullScreen): 允許使用者透過控制元件將地圖全屏顯示。

• 比例尺控制元件 (scaleLineControl): 顯示地圖的比例尺。