OpenLayers中文教程文檔
OpenLayers是一個專為Web GIS 客戶端開發(fā)提供的JavaScript 類庫包,用于實現(xiàn)標準格式發(fā)布的地圖數(shù)據(jù)訪問。成都途遠GIS為您提供OpenLayers中文文檔。
OpenLayers是一個專為Web GIS 客戶端開發(fā)提供的JavaScript 類庫包,用于實現(xiàn)標準格式發(fā)布的地圖數(shù)據(jù)訪問。成都途遠GIS為您提供OpenLayers中文文檔。
發(fā)布時間:2021-12-12 22:57:52 瀏覽量:5183 作者:openlayers.org
OpenLayers 能夠在不同于服務(wù)器提供的坐標系中顯示來自 WMS、WMTS、靜態(tài)圖像和許多其他來源的柵格數(shù)據(jù)。圖像的地圖投影的轉(zhuǎn)換直接在 Web 瀏覽器中進行。任何 Proj4js 支持的坐標參考系統(tǒng)中的視圖都是可能的,以前不兼容的層現(xiàn)在可以組合和覆蓋。
API 的使用非常簡單。只需指定正確的投影(例如使用EPSG代碼)ol/View
:
import {Map, View} from'ol';import TileLayer from'ol/layer/Tile';import TileWMS from'ol/source/TileWMS';varmap =newMap({target:'map',view:newView({projection:'EPSG:3857',//HERE IS THE VIEW PROJECTIONcenter: [0,0],zoom:2}),layers: [newTileLayer({source:newTileWMS({projection:'EPSG:4326',//HERE IS THE DATA SOURCE PROJECTIONurl:'https://ahocevar.com/geoserver/wms',params: {'LAYERS':'ne:NE1_HR_LC_SR_W_DR'}})})]});
如果源(基于ol/source/TileImage
或ol/source/Image
)的投影與當前 的投影不同,ol/View
則重新投影會在幕后自動發(fā)生。
使用自定義投影的最簡單方法是將Proj4js庫添加到您的項目中,然后使用 proj4 定義字符串定義投影。它可以安裝
npm install proj4
以下示例顯示了英國國家網(wǎng)格的定義:
import proj4 from'proj4';import {get as getProjection, register} from'ol/proj';proj4.defs('EPSG:27700','+proj=tmerc +lat_0=49 +lon_0=-2 +k=0.9996012717 '+'+x_0=400000 +y_0=-100000 +ellps=airy '+'+towgs84=446.448,-125.157,542.06,0.15,0.247,0.842,-20.489 '+'+units=m +no_defs');register(proj4);varproj27700 = getProjection('EPSG:27700');proj27700.setExtent([0,0,700000,1300000]);
要切換用于顯示地圖的投影,您必須在 上設(shè)置一個ol/View
具有選定投影的新投影ol/Map
:
map.setView(newView({projection:'EPSG:27700',center: [400000,650000],zoom:4}));
當需要重新投影時,新的圖塊(在目標投影中)位于從原始源圖塊創(chuàng)建的引擎蓋下。默認情況下,重新投影圖塊的 TileGrid 是使用ol/tilegrid~getForProjection(projection)
. 投影應(yīng)該有范圍定義(見上文)才能正常工作。
或者,可以手動構(gòu)建自定義目標 TileGrid 并使用ol/source/TileImage~setTileGridForProjection(projection, tilegrid)
. 當重新投影到指定的投影而不是創(chuàng)建默認投影時,將使用此 TileGrid。在某些情況下,這可用于優(yōu)化性能(通過調(diào)整圖塊大?。┗蛞曈X質(zhì)量(通過指定分辨率)。
重投影過程基于三角形——目標柵格被分成有限數(shù)量的三角形,頂點使用ol/proj
功能轉(zhuǎn)換(proj4js通常用于定義自定義轉(zhuǎn)換)。三角形內(nèi)像素的重投影近似于仿射變換(渲染硬件由畫布 2d 上下文加速):
通過這種方式,我們可以在幾乎任何硬件(支持 canvas 2d)上支持來自 proj4js(甚至自定義轉(zhuǎn)換函數(shù))的各種投影,而實際轉(zhuǎn)換計算數(shù)量相對較少。
重投影的精度受三角形數(shù)量的限制。
重投影過程會保留源(png 或 gif)提供的柵格數(shù)據(jù)的透明度,并且重投影生成的間隙和無數(shù)據(jù)像素會自動透明。
上圖顯示了當原始圖像(左;EPSG:27700)僅使用有限數(shù)量的三角形(右;EPSG:3857)進行轉(zhuǎn)換時,會出現(xiàn)明顯的錯誤(尤其是在邊緣)。可以通過增加使用的三角形數(shù)量來最小化誤差。
由于某些轉(zhuǎn)換需要更詳細的三角剖分網(wǎng)絡(luò),因此動態(tài)三角剖分過程會自動測量重投影誤差并迭代細分以滿足特定的誤差閾值:
對于調(diào)試,可以通過 啟用重投影邊緣的渲染ol.source.TileImage#setRenderReprojectionEdges(true)
。
以像素為單位的默認三角測量誤差閾值由ERROR_THRESHOLD
(0.5 像素) 給出。如果需要為不同的源定義不同的閾值,reprojectionErrorThreshold
可以在構(gòu)建瓦片圖像源時傳遞該選項。
重投影算法使用逆變換(從視圖投影到數(shù)據(jù)投影)。對于某些坐標系,這可能會導(dǎo)致源數(shù)據(jù)在地圖上“重復(fù)出現(xiàn)”。例如,當將瑞士地圖從 EPSG:21781 重新投影到 EPSG:3857 時,它會顯示兩次:一次在歐洲的適當位置,但也在地球另一側(cè)的新西蘭附近的太平洋中。
盡管這是逆變換在數(shù)學(xué)上正確的行為,但用戶并不期望圖層在多個位置的可見性。一個可能的通用解決方案是也計算每個頂點的前向變換 - 但這會顯著降低性能(特別是對于計算成本高的變換)。
因此,推薦的解決方法是ol.layer.Tile
在視圖投影上定義適當?shù)目梢娦苑秶?。重投影演示示例中演示了如何設(shè)置此類限制。
在確定要加載的源切片時,需要計算理想的源分辨率。該ol/reproj~calculateSourceResolution(sourceProj, targetProj, targetCenter, targetResolution)
函數(shù)計算理想值,以便在重投影期間實現(xiàn)盡可能接近 1:1 的像素映射,然后用于從源中選擇適當?shù)目s放級別。
然而,對整個目標縮放級別使用相同的源縮放級別通常是不切實際的——不同的投影在世界不同地區(qū)可能具有顯著不同的分辨率(例如 EPSG:3857 和 EPSG:4326 中的極地地區(qū))和對整個縮放級別強制使用單一分辨率會導(dǎo)致某些圖塊按比例放大/縮小,可能需要加載大量源圖塊。因此,分辨率映射是針對每個重新投影的瓦片(在瓦片范圍的中間)單獨計算的。