WebGIS 开发：WKT 转 GeoJSON 技巧与 Leaflet 加载应用

引入相应的资源后，接下来我们就可以使用 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 geometryFactory = JTSFactoryFinder.getGeometryFactory(null);
            WKTReader reader = new WKTReader(geometryFactory);
            Geometry geometry = reader.read(wkt);
            GeometryJSON geometryJson = new GeometryJSON();
            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))";
        String geoJson = wktToJson(wkt);
        System.out.println(geoJson);
    }
}

这里主要使用 WKTReader 读取 WKT 的字符串，然后转为 Geometry，最后通过 GeometryJSON 进行 GeoJSON 格式化，从而实现从 WKT 到 GeoJSON 的转换。代码完成后，我们使用程序进行验证，输出如下，说明转换成功：

二、wellknown.js 转换

如果在开发 WebGIS 应用时，按照约定的标准，第三方接口返回给了一个 WKT 字符串，而我们没有对应的后台支撑，此时又该怎么办呢？如果我们只有前端，那么应该如何集成对应的 WKT，从而达到页面的渲染展示。以此本节重点讲解如何基于纯前端 wellknown.js 组件进行 WKT 到 GeoJSON 的转换，并提供加载的功能。

1、wellknown.js 是什么？

不论是使用 Leaflet 还是 OpenLayers 或者 Cesium 来进行 WebGIS 开发，如果遇到 WKT，还真不是一下子就能介入的，而 GeoJSON 是一种比较通用的格式，因此急需一款可以直接将 WKT 转为 GeoJSON 的工具。这里介绍 wellknown.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 null if 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 FeatureCollection or unknown input.

请熟练这两个方法，尤其是第一个方法，将是我们实现 WKT 转为 GeoJSON 的基础。了解了 wellknown 的基本知识后，下面我们就以 Leaflet 为例，重点讲解如何进行集成。

三、在 Leaflet.js 中集成 wellknown.js

本节将详细讲解如何在 Leaflet 中集成 wellknown.js。当然大家可以根据自己的需要和熟练程度，选择自己熟悉的二三维引擎来进行 WebGIS 应用的开发。

1、资源引入

在 Leaflet.js 页面中引入 wellknown.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，也介绍了一个前端组件 wellknownjs 这种纯前端的解决方案。通过 Leaflet 加载 GeoJSON 数据，我们能够轻松构建出功能丰富、交互流畅的地图应用，满足不同用户的需求。