OpenLayers 能夠在不同于服務(wù)器提供的坐標(biāo)系中顯示來自 WMS、WMTS、靜態(tài)圖像和許多其他來源的柵格數(shù)據(jù)。圖像的地圖投影的轉(zhuǎn)換直接在 Web 瀏覽器中進(jìn)行。任何 Proj4js 支持的坐標(biāo)參考系統(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）的投影與當(dāng)前的投影不同，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}));

TileGrid 和范圍

當(dāng)需要重新投影時，新的圖塊（在目標(biāo)投影中）位于從原始源圖塊創(chuàng)建的引擎蓋下。默認(rèn)情況下，重新投影圖塊的 TileGrid 是使用ol/tilegrid~getForProjection(projection). 投影應(yīng)該有范圍定義（見上文）才能正常工作。

或者，可以手動構(gòu)建自定義目標(biāo) TileGrid 并使用ol/source/TileImage~setTileGridForProjection(projection, tilegrid). 當(dāng)重新投影到指定的投影而不是創(chuàng)建默認(rèn)投影時，將使用此 TileGrid。在某些情況下，這可用于優(yōu)化性能（通過調(diào)整圖塊大小）或視覺質(zhì)量（通過指定分辨率）。

怎么運行的

重投影過程基于三角形——目標(biāo)柵格被分成有限數(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ù)像素會自動透明。

動態(tài)三角測量

上圖顯示了當(dāng)原始圖像（左；EPSG：27700）僅使用有限數(shù)量的三角形（右；EPSG：3857）進(jìn)行轉(zhuǎn)換時，會出現(xiàn)明顯的錯誤（尤其是在邊緣）。可以通過增加使用的三角形數(shù)量來最小化誤差。

由于某些轉(zhuǎn)換需要更詳細(xì)的三角剖分網(wǎng)絡(luò)，因此動態(tài)三角剖分過程會自動測量重投影誤差并迭代細(xì)分以滿足特定的誤差閾值：

對于調(diào)試，可以通過啟用重投影邊緣的渲染ol.source.TileImage#setRenderReprojectionEdges(true)。

先進(jìn)的

三角剖分精度閾值

以像素為單位的默認(rèn)三角測量誤差閾值由ERROR_THRESHOLD(0.5 像素) 給出。如果需要為不同的源定義不同的閾值，reprojectionErrorThreshold可以在構(gòu)建瓦片圖像源時傳遞該選項。

按范圍限制重新投影地圖的可見性

重投影算法使用逆變換（從視圖投影到數(shù)據(jù)投影）。對于某些坐標(biāo)系，這可能會導(dǎo)致源數(shù)據(jù)在地圖上“重復(fù)出現(xiàn)”。例如，當(dāng)將瑞士地圖從 EPSG:21781 重新投影到 EPSG:3857 時，它會顯示兩次：一次在歐洲的適當(dāng)位置，但也在地球另一側(cè)的新西蘭附近的太平洋中。

盡管這是逆變換在數(shù)學(xué)上正確的行為，但用戶并不期望圖層在多個位置的可見性。一個可能的通用解決方案是也計算每個頂點的前向變換 - 但這會顯著降低性能（特別是對于計算成本高的變換）。

因此，推薦的解決方法是ol.layer.Tile在視圖投影上定義適當(dāng)?shù)目梢娦苑秶Ｖ赝队把菔臼纠醒菔玖巳绾卧O(shè)置此類限制。

分辨率計算

在確定要加載的源切片時，需要計算理想的源分辨率。該ol/reproj~calculateSourceResolution(sourceProj, targetProj, targetCenter, targetResolution)函數(shù)計算理想值，以便在重投影期間實現(xiàn)盡可能接近 1:1 的像素映射，然后用于從源中選擇適當(dāng)?shù)目s放級別。

然而，對整個目標(biāo)縮放級別使用相同的源縮放級別通常是不切實際的——不同的投影在世界不同地區(qū)可能具有顯著不同的分辨率（例如 EPSG:3857 和 EPSG:4326 中的極地地區(qū)）和對整個縮放級別強(qiáng)制使用單一分辨率會導(dǎo)致某些圖塊按比例放大/縮小，可能需要加載大量源圖塊。因此，分辨率映射是針對每個重新投影的瓦片（在瓦片范圍的中間）單獨計算的。

本文鏈接：http://www.800xyz.com/OpenLayerszhongwenjiaochengwendang/552.html

本文標(biāo)簽：OpenLayers