目錄
前言
一、WKT後台轉換實現
1、基於PostGIS實現
2、GeoTools實現
二、wellknown.js轉換
1、wellknown.js是什麼？
2、wellknown.js的方法
三、在Leaflet.js中集成wellknow.js
1、資源引入
2、將wkt轉為geojson
四、總結
前言
在當今數字化浪潮中，地理信息系統（GIS）技術正以前所未有的速度融入我們的生活與工作。從城市規劃到環境監測，從物流配送到旅遊出行，地理空間數據的價值日益凸顯。而 WebGIS，作為 GIS 技術與 Web 技術的深度融合，更是為地理信息的共享與交互開闢了廣闊天地。它讓地理數據能夠通過網絡在各種終端設備上輕鬆呈現，極大地拓展了 GIS 的應用場景和受眾羣體。然而，在 WebGIS 開發過程中，數據格式的轉換與兼容始終是一個關鍵挑戰。其中，WKT（Well-Known Text）和 GeoJSON 作為兩種常見的地理空間數據格式，它們之間的轉換更是開發者們經常需要面對的問題。WKT 是一種簡單易讀的文本格式，廣泛用於地理數據的存儲與交換，但其在 Web 環境下的可視化和交互性相對較弱；而 GeoJSON 則以其簡潔的 JSON 結構，完美契合了 Web 開發的需求，便於與各種前端框架和庫進行集成，實現地圖的渲染、交互以及地理數據的動態展示。
那麼，如何高效地將 WKT 數據轉換為 GeoJSON 格式，以便更好地在 WebGIS 應用中使用呢？這正是本文將深入探討的核心問題。在 WebGIS 開發實戰中，我們有幸接觸到了多種 WKT 轉 GeoJSON 的方法，從基於開源庫的便捷轉換，到自定義算法的靈活實現，每一種方法都有其獨特的優勢和適用場景。這些方法不僅能夠幫助我們快速完成數據格式轉換，還能在一定程度上優化數據處理流程，提升應用性能。
在本文中，我們將詳細介紹這些 WKT 轉 GeoJSON 的技巧，包括它們的原理、實現步驟以及優缺點分析。同時，我們還將結合 Leaflet 這一廣受歡迎的開源 JavaScript 地圖庫，深入解析如何將轉換後的 GeoJSON 數據加載到 Leaflet 地圖中，實現地圖的繪製、圖層管理、交互功能開發等一系列實戰應用。Leaflet 以其輕量級、高性能、易擴展的特點，在 WebGIS 前端開發領域佔據着重要地位。通過 Leaflet 加載 GeoJSON 數據，我們能夠輕鬆構建出功能豐富、交互流暢的地圖應用，滿足不同用户的需求。
無論你是 GIS 領域的開發人員，希望提升 WebGIS 應用的數據處理與可視化能力；還是 Web 開發者，想要將地理信息融入你的項目中，本文都將為你提供寶貴的知識和實用的技巧。讓我們一起踏上這場 WebGIS 開發實戰之旅，解鎖 WKT 轉 GeoJSON 的奧秘，探索 Leaflet 加載應用的無限可能，共同推動地理信息在 Web 環境下的創新與發展。
一、WKT後台轉換實現
本節以PostGIS空間數據庫和Java後台為例，介紹如何基於空間數據庫和Geotools庫實現Wkt轉為GeoJSON。
1、基於PostGIS實現
如果大家的開發數據庫中有空間數據庫的話，我們可以直接利用空間數據的空間函數來進行處理，以我們之前介紹過的地震信息數據為例，使用以下SQL語句可以查詢空間屬性的WKT格式，查詢語句如下：
select st_asewkt(geom) from biz_ceic_earthquake limit 10;在Navicat執行上述語句後，可以看到如下結果：
如果要實現對應的WKT轉為GeoJSON應該如何實現呢？我們只需要使用st_asgeojson函數即可完成轉換。示例SQL查詢語句如下：
select st_asewkt(geom),st_asgeojson(geom) from biz_ceic_earthquake limit 10;在返回的結果集中可以看到以下結果：
第二列就是我們需要的Geojson類型。有了這個sql語句之後，我們就可以在Java中結合SQL查詢將結果返回給前端。這個方案的本質還是直接利用了空間數據庫的空間查詢能力，在此不再贅述。
2、GeoTools實現
這裏介紹完全基於Geotools的純後台轉換邏輯，只需要只用到Geotools這個組件。在工程項目中首先要引入Geotools組件，在Pom.xml中首先引入以下依賴：
<dependency>
<groupId>org.geotools</groupId>
<artifactId>gt-geojson</artifactId>
<version>28.2</version> <!-- 使用最新版本 -->
</dependency>
<dependency>
<groupId>org.locationtech.jts</groupId>
<artifactId>jts-core</artifactId>
<version>1.19.0</version> <!-- 使用最新版本 -->
</dependency>引入相應的資源後，接下來我們就可以使用Geotools來實現把Wkt字符串轉為Geojson。核心轉換代碼如下：
package com.yelang.project.geotools.wkt2json;
import org.geotools.geojson.geom.GeometryJSON;
import org.geotools.geometry.jts.JTSFactoryFinder;
import org.locationtech.jts.geom.Geometry;
import org.locationtech.jts.geom.GeometryFactory;
import org.locationtech.jts.io.WKTReader;
import java.io.StringWriter;
public class WKTToGeoJSON {
public static String wktToJson(String wkt) {
String json = null;
try {
// 創建 GeometryFactory 和 WKTReader
GeometryFactory geometryFactory = JTSFactoryFinder.getGeometryFactory(null);
WKTReader reader = new WKTReader(geometryFactory);
// 解析 WKT 字符串為 Geometry 對象
Geometry geometry = reader.read(wkt);
// 創建 GeometryJSON 對象，用於將 Geometry 轉換為 GeoJSON
GeometryJSON geometryJson = new GeometryJSON();
// 將 Geometry 轉換為 GeoJSON 格式的字符串
StringWriter writer = new StringWriter();
geometryJson.write(geometry, writer);
json = writer.toString();
} catch (Exception e) {
e.printStackTrace();
}
return json;
}
public static void main(String[] args) {
String wkt = "POLYGON ((0 0, 0 1, 1 1, 1 0, 0 0))";
//{"type":"Polygon","coordinates":[[[0.0,0.0],[0.0,1],[1,1],[1,0.0],[0.0,0.0]]]}
String geoJson = wktToJson(wkt);
System.out.println(geoJson);
}
}這裏主要使用WKTReader讀取WKT的字符串，然後轉為Geometry，最後通過GeometryJSON進行GeoJSON格式化，從而實現從WKT到GeoJSON的轉換。代碼完成後，我們使用程序進行驗證，輸出如下，説明轉換成功：
二、wellknown.js轉換
如果在開發WebGIS應用時，按照約定的標準，第三方接口返回給了一個WKT字符串，而我們沒有對應的後台支撐，此時又該怎麼辦呢？如果我們只有前端，那麼應該如何集成對應的WKT，從而達到頁面的渲染展示。相信這是很多從事webgis開發的同學會遇到的問題。以此本節重點講解如何基於純前端wellkonw.js組件進行Wkt到GeoJSON的轉換，並提供加載的功能。
1、wellknown.js是什麼？
不論是使用Leaflet還是openlayers或者Cesium來進行WebGIS開發，如果遇到WKT，還真不是一下子就能介入的，而GeoJSON是一種比較同樣的格式，因此急需一款可以直接將Wkt轉為GeoJSON的工具。這裏介紹wellknow.js這款組件，是大名鼎鼎的Mapbox開源的一個成熟組件，開源地址如下：wellknown/：
Parse & stringify Well-Known Text into GeoJSON.
Support
- Point + MultiPoint
- LineString + MultiLineString
- Polygon + MultiPolygon
- GeometryCollection
- 2D, 3D, 4D geometries
因此這款組件我們完全可以用來解決遇到的問題。
2、wellknown.js的方法
這款插件很迷你，核心方法就是實現兩種格式的轉換。因此對外提供的兩個核心函數就是實現從WKT到GeoJSON的轉換和互轉。
parse(wkt)Given WKT as a string, return a GeoJSON geometry object or
nullif parse fails.
stringify(geojson)Given a GeoJSON geometry object or Feature object, return a WKT representation as a string. Throws an error if given a
FeatureCollectionor unknown input.
請熟練這兩個方法，尤其是第一個方法，將是我們實現WKT轉為GeoJSON的基礎。瞭解了wellknow的基本知識後，下面我們就以Leaflet為例，重點講解如何進行集成。
三、在Leaflet.js中集成wellknow.js
本節將詳細講解如何在Leaflet中集成wellknow.js。當然大家可以根據自己的需要和熟練程度，選擇自己熟悉的二三維引擎來進行WebGIS應用的開發。
1、資源引入
在Leaflet.js頁面中引入wellknow.js的方法很簡單，最簡單的方式就是直接使用<Script>的方式直接引入即可。核心代碼如下：
<script src="/pcwater/static/js/wellknown.js"></script>
2、將wkt轉為geojson
引入資源以後，接下來就可以調用提供的API實現將WKT轉為GeoJSON，代碼也非常的簡介，如下所示：
var myStyle = {color:"red",weight:5,"opacity":1, "fillOpacity": 0};
const geojson = wellknown.parse(_tempPolyline);
var areaLayer = L.geoJSON(geojson,{style:myStyle}).addTo(showLayerGroup);這裏指定了一個GeoJSON的展示樣式，包括顏色、透明度和填充透明度，最後再調用leaflet的geojson展示方法實現WKT方法的轉換，從而實現空間是屬性的展示。如果在完全沒有後端的前提下，可以採用這種方式來進行轉換。
四、總結
以上就是今天的主要內容，本文詳細的介紹瞭如何在後台基於空間數據庫和Geotools組件實現Wkt轉換為GeoJSON，也介紹了一個前端組件wellknowjs這種純前端的解決方案。在本文中，我們將詳細介紹這些 WKT 轉 GeoJSON 的技巧，包括它們的原理、實現步驟以及優缺點分析。同時，我們還將結合 Leaflet 這一廣受歡迎的開源 JavaScript 地圖庫，深入解析如何將轉換後的 GeoJSON 數據加載到 Leaflet 地圖中，實現地圖的繪製、圖層管理、交互功能開發等一系列實戰應用。Leaflet 以其輕量級、高性能、易擴展的特點，在 WebGIS 前端開發領域佔據着重要地位。通過 Leaflet 加載 GeoJSON 數據，我們能夠輕鬆構建出功能豐富、交互流暢的地圖應用，滿足不同用户的需求。行文倉促，定有不足之處，歡迎各位朋友在評論區批評指正，不勝感激。
