cesium加载wkt格式的数据

原创

已于 2023-12-12 16:37:40 修改 · 1.4k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#arcgis #webgl #前端 #vue.js

于 2023-12-12 16:36:24 首次发布

本文介绍了如何使用cesium库加载WKT格式的数据，通过wellknown.js进行转换，设置GeoJSON实体的三维属性，如填充颜色、边框和拉伸高度，实现三维可视化。

文章目录

概要

如题，cesium加载wkt格式的数据，wkt是Well Known Text 的缩写，是一种开放的国际标准，由OGC定义和维护，用于在计算机系统中交换空间地理数据，包含一些基本几何对象，点，线，面，多边形等等。
eg:“MULTIPOLYGON(((104.110525027242 30.5905346183995,104.110545942303 30.5905349932809,104.110546187199 30.5904777356401,104.110525027242 30.5905346183995)))”;
前面的POLYGON代表几何图形样式，后面的括号里的数据是图形对应的坐标。

wkt转GeoJSON

由于cesium不支持直接加载wkt格式的数据，但是我们可以利用wellknown.js库来将wkt格式的数据转换为geoJSON需要的几何坐标信息

// 安装
npm i wellknown

// 使用
import parse from 'wellknown';

// 传入wkt数据就可以得到geoJSON的几何数据了
const geometry = parse(wkt) // 就可以得到{
   
   type: 'MultiPolygon', coordinates: Array(1)}

由于接口一般返回的数据是wkt数据组成的数组，所以我们需要将数据处理为geoJSON的数据，然后让cesium加载

// 手动处理为GeoJSON
export const getGeoJSON = data => {
   
   
  return {
   
   
    type: 'FeatureCollection',
    features: data.map(geometry => ({
   
   
      type: 'Feature',
      geometry: parse(geometry),
    }