地圖是 OpenLayers 的核心組件。要渲染地圖，需要一個視圖、一個或多個圖層和一個目標容器：

import Map from 'ol/Map'; import View from 'ol/View'; import TileLayer from 'ol/layer/Tile'; import OSM from 'ol/source/OSM'; var map = new Map({ view: new View({ center: [0, 0], zoom: 1 }), layers: [ new TileLayer({ source: new OSM() }) ], target: 'map' });

上面的代碼片段使用 a 創建了一個地圖module:ol/layer/Tile來顯示module:ol/source/OSM~OSMOSM 數據并將其渲染到一個帶有 id 的 DOM 元素map。

構造函數ol-viewport在目標元素中放置一個視口容器（帶有 CSS 類名 ）（請參閱 參考資料getViewport()），然后在視口中放置另外兩個元素：一個具有 ol-overlaycontainer-stopevent用于控件和一些疊加層的 CSS 類名稱ol-overlaycontainer，另一個帶有用于其他疊加層的CSS 類名稱（請參閱 的stopEvent 選項以module:ol/Overlay~Overlay了解差異）。地圖本身被放置在視口內的另一個元素中。

層存儲module:ol/Collection~Collection在 layerGroups 中。庫提供了一個頂級組。這是getLayerGroup和訪問的內容setLayerGroup。在選項中輸入的圖層將添加到該組中，addLayer并removeLayer更改組中的圖層集合。getLayers是 的便利函數 getLayerGroup().getLayers()。請注意，它module:ol/layer/Group~Group 是 的子類module:ol/layer/Base，因此在選項中輸入或添加的圖層addLayer可以是組，其中可以包含更多組，依此類推。