亚洲区小说区激情区图片区_幸福宝app污版下载_午夜香蕉av_欧美熟女内射观看

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

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 創(chuàng)建了一個(gè)地圖module:ol/layer/Tile來顯示module:ol/source/OSM~OSMOSM 數(shù)據(jù)并將其渲染到一個(gè)帶有 id 的 DOM 元素map。

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

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