場景

Vue中使用Openlayers加載Geoserver發布的TileWMS：

Vue中使用Openlayers加載Geoserver發布的TileWMS_BADAO_LIUMANG_QIZHI的博客-CSDN博客

上面加載的TileWMS數據源是shp文件

配置數據源時選擇shp文件

GeoServer簡介、下載、配置啟動、發布shapefile全流程(圖文實踐)：

GeoServer簡介、下載、配置啟動、發布shapefile全流程(圖文實踐)_BADAO_LIUMANG_QIZHI的博客-CSDN博客

具體流程可參考上面。

如果地圖有更新，需要重新更換shp文件，比如地圖變大了，邊界變了，提供了新的shp文件應該怎樣更換。

注：

博客：
BADAO_LIUMANG_QIZHI的博客_霸道流氓氣質_CSDN博客-C#,架構之路,SpringBoot領域博主
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

1、首先加載顯示的是圖層組，圖層組有多個圖層，每個圖層對應一個shp文件。

將新的shp文件替換原來的shp文件，如果文件名已經個數都不變的情況下。

那么每個數據存儲的shp文件的位置的路徑就不用再更改了，直接使用原來的路徑和名字即可。

如果原來的shp想要保留，可以直接更換每個數據存儲的shp路徑為新的shp的路徑，點擊瀏覽更換即可。

2、更改完shp文件的路徑之后，到對應的每個圖層中重新計算邊界和經緯度邊界

3、如果是加載的圖層組顯示，還要到圖層組中將每個圖層先刪除掉，然后再重新添加一下，不然不會生效

4、然后到Layer Preview中選擇圖層組進行預覽

5、然后預覽沒問題的話，在預覽頁面查看網頁源代碼，重新獲取到地圖的邊界

6、然后在代碼中重新修改邊界值，重新打包發布即可

總結

以上是生活随笔為你收集整理的Vue+Openlayers加载Geoserver发布的TileWMS后更换shp数据源的流程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。