geojson-to-kml (KML 格式转换工具)

geojson-to-kml (KML 格式转换工具)

一个 简单、轻量、健壮 的 JavaScript / TypeScript 库,用于将 GeoJSON 数据转换为 KML (Keyhole Markup Language) 格式。

本库不仅支持基础的几何转换,还完整支持了 Mapbox SimpleStyle 规范 ,可以将 GeoJSON 中的样式属性(如 marker-color、stroke 等)转换为 KML 的样式定义。


✨ 特性

  • 🚀 零依赖:基于轻量级逻辑实现,无沉重依赖。
  • 🛡️ 类型安全 :原生 TypeScript 支持,完美适配 geojson 类型定义。
  • 🎨 样式支持:支持 Mapbox SimpleStyle,自动生成 KML Style 标签。
  • 📊 数据保留 :GeoJSON 的 properties 会自动转换为 KML 的 ExtendedData。
  • 🧩 全类型支持:涵盖所有 Geometry、Feature、FeatureCollection。
  • 🌲 Tree Shaking:现代化 ESM 导出,支持按需引入。

📦 安装

bash 复制代码
# npm
npm install @giszhc/geojson-to-kml

或

bash 复制代码
# pnpm
pnpm add @giszhc/geojson-to-kml

🚀 快速上手

基础用法

TypeScript

ts 复制代码
import tokml from '@giszhc/geojson-to-kml';

const geojson = {
  type: 'Point',
  coordinates: [120.123, 30.456]
};

const kml = tokml(geojson);
console.log(kml);
// 输出包含 <Placemark><Point>... 的 XML 字符串

带样式的转换 (SimpleStyle)

TypeScript

ts 复制代码
const feature = {
  type: 'Feature',
  properties: {
    name: '我的位置',
    'marker-color': '#ff0000',
    'stroke': '#00ff00',
    'stroke-width': 3
  },
  geometry: {
    type: 'Point',
    coordinates: [120, 30]
  }
};

const kml = tokml(feature, {
  simplestyle: true, // 开启样式转换
  name: 'name'       // 指定使用哪个属性作为节点名称
});

🛠️ API 参数说明

tokml(geojson: GeoJSON, options?: TokmlOptions): string

参数名 类型 描述 默认值
documentName string KML <Document> 节点的名称 undefined
documentDescription string KML <Document> 节点的描述 undefined
name string 从 properties 中提取哪个字段作为 <name> 'name'
description string 从 properties 中提取哪个字段作为 <description> 'description'
simplestyle boolean 是否将 Mapbox 样式属性转换为 KML 样式 false
timestamp string 从 properties 中提取哪个字段作为 <TimeStamp> 'timestamp'

🎨 支持的样式属性 (SimpleStyle)

当开启 simplestyle: true 时,以下 GeoJSON 属性将被识别并转换:

属性名 描述 示例
marker-color 标记点的颜色 (Hex) #ff0000
marker-size 标记点大小 (small, medium, large) large
marker-symbol 标记点图标符号 bus, star
stroke 线条或多边形边界颜色 #0000ff
stroke-opacity 线条透明度 (0.0 - 1.0) 0.5
stroke-width 线条宽度 (像素) 2
fill 多边形填充颜色 #00ff00
fill-opacity 填充透明度 (0.0 - 1.0) 0.3

⚠️ 注意事项

  1. 坐标系 :KML 官方规范要求使用 WGS84 (EPSG:4326) 经纬度。转换前请确保您的 GeoJSON 坐标正确。
  2. 数据类型 :所有的 properties 都会被放入 <ExtendedData> 中,这有助于在 Google Earth 等软件中查看完整的业务数据。
  3. 命名空间 :生成的 KML 默认包含 xmlns="http://www.opengis.net/kml/2.2"。

完结,撒花✿✿ヽ(°▽°)ノ✿

相关推荐
胖头鱼的鱼缸(尹海文)1 天前
胖头鱼的技术专栏-474 从能跑到能上线:PG SplitJSON 0.2.0 和 0.1.0 差在哪(20261008)
postgresql·json
?? Daisy2 天前
Claude Code 接入 GPT:settings.json 两种配置方法(2026-10)
gpt·json
小静AI工程实验室2 天前
Python 爬虫解析 JSON-LD:多块 script、@graph 与坏数据的 9 个边界
爬虫·python·json
goehou3 天前
LLM 结构化输出全解:从 Prompt 约束到 Schema 硬保证,三层实现怎么选
ai·llm·json·agent·教程·结构化输出
独立开发者阿乐3 天前
结构化数据 JSON-LD 实战:让 AI 读懂你的网页
人工智能·json·结构化数据·geo优化·json-ld·ai收录·faqpage
liangshanbo12155 天前
高级前端面试题:package.json 常见字段
前端·json
梦帮科技5 天前
【3.0修订版】创世与节点工程:genesis.json 与 node.toml 解剖
数据结构·算法·json·去中心化·区块链·智能合约·信任链
weixin_440730506 天前
内置函数、json文本、pickle二进制
开发语言·python·json
念越6 天前
接口自动化测试从入门到实战:接口用例设计、Requests、Pytest、YAML、JSON Schema 与 Allure 报告
python·测试工具·自动化·json·pytest
福兮说7 天前
前后端算的 MD5、SHA-256 对不上?编码、换行、BOM、HMAC、JSON 顺序,八个原因逐个实测
前端·javascript·node.js·json·哈希算法