news 2026/3/28 23:50:29

Cesium快速入门28:KML数据格式加载

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Cesium快速入门28:KML数据格式加载

上一节我们用GeoJSON把“四川”搬进了地球;今天换另一张王牌——KML(Keyhole Markup Language)。
它本质上是“Google 版”的地理标注格式,功能与 GeoJSON 类似,只是套了层 XML 外衣。
额外福利:KML 还有压缩版KMZ(就是个 ZIP 包),体积更小,网络传输更友好。


一、KML 长啥样?

打开.kml文件,你会看到满屏标签,其实就是 XML:

  • <Placemark>表示一个要素(点 / 线 / 面);

  • <coordinates>存经纬度高程;

  • <style>还能自带颜色、图标、线宽。
    (KMZ 只是把同内容再打一次 ZIP,后缀改成.kmz即可)


二、最简加载:与 GeoJSON 如出一辙

把准备好的USA.kml扔进/kmls/目录,两行代码直接渲染:

/* 1. 加载 KML(返回 Promise) */ const kmlDataSource = Cesium.KmlDataSource.load('./kmls/USA.kml'); /* 2. 添加到场景 */ viewer.dataSources.add(kmlDataSource);

地球立刻飞到美国,边界、州块、标签一次呈现,无需任何解析。


三、一步到位:加载 + 染色 + 缩放

Cesium 同样支持“边加载边配色”,和 GeoJSON 用法一模一样:

const kmlDataSource = Cesium.KmlDataSource.load('./kmls/USA.kml', { stroke: Cesium.Color.HOTPINK, // 边线颜色 fill: Cesium.Color.PINK.withAlpha(0.2), // 填充颜色 strokeWidth: 3, // 边线像素宽 }); /* 加载完再飞过去 */ viewer.zoomTo(kmlDataSource); /* 也可以用 then 等加载结束 */ kmlDataSource.then((dataSource) => { viewer.dataSources.add(dataSource); });

效果:美国各州瞬间变成“粉红边 + 半透明桃心填充”,而且镜头自动缩放到位。


四、KML vs KMZ 怎么选?

格式本质优点适用场景
KML纯 XML可读性好,直接编辑小数据、调试阶段
KMZZIP 压缩包体积小,含贴图/模型网络发布、大型项目

用法完全一样,只要把.kmz当路径扔给KmlDataSource.load即可,Cesium 会自动解包。


五、小结

  • KML/KMZ 加载套路 =loadadd,和 GeoJSON 一字不差。

  • 样式参数(stroke、fill、strokeWidth)同样支持“加载时一次配完”。

  • 后端若想动态生成,只要按 KML 规范吐 XML 或打 ZIP 即可。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/19 21:43:11

Open-AutoGLM如何重塑医疗AI?:3个真实定制开发案例深度解析

第一章&#xff1a;Open-AutoGLM如何重塑医疗AI&#xff1f;Open-AutoGLM 作为新一代开源自动推理框架&#xff0c;正在深刻改变医疗人工智能的技术格局。其核心优势在于融合了大规模语言理解、结构化医学知识图谱与自动化决策路径生成能力&#xff0c;使 AI 能够在复杂临床场景…

作者头像 李华
网站建设 2026/3/28 22:17:39

【Open-AutoGLM插件开发实战】:掌握高效扩展开发的5大核心技巧

第一章&#xff1a;Open-AutoGLM插件开发入门Open-AutoGLM 是一个面向大语言模型&#xff08;LLM&#xff09;生态的开源插件框架&#xff0c;支持开发者快速构建、集成和部署具备自动化能力的功能模块。该框架基于模块化设计&#xff0c;允许通过标准接口扩展模型能力&#xf…

作者头像 李华
网站建设 2026/3/23 11:47:17

Linly-Talker与金山WPS Office语音操控整合

Linly-Talker与金山WPS Office语音操控整合 在远程办公常态化、智能交互需求激增的今天&#xff0c;我们越来越希望办公软件能“听懂我说什么”“看懂我想做什么”。然而&#xff0c;尽管WPS、Office等工具功能强大&#xff0c;其操作逻辑依然建立在菜单点击和键盘输入之上——…

作者头像 李华
网站建设 2026/3/22 6:07:38

Linly-Talker支持Modbus工业通信协议扩展场景

Linly-Talker 支持 Modbus 工业通信协议&#xff1a;打通 AI 数字人与产线设备的“最后一公里” 在智能制造加速推进的今天&#xff0c;工厂里的数字屏、HMI 操作台和 SCADA 系统早已不是新鲜事物。但对一线工人而言&#xff0c;这些系统依然“高冷”——按钮繁多、界面复杂&am…

作者头像 李华
网站建设 2026/3/28 8:32:38

Linly-Talker结合OCR识别图文内容进行讲解

Linly-Talker&#xff1a;让静态图文“活”起来的智能讲解系统 在信息爆炸的时代&#xff0c;我们每天都被海量的图文内容包围——教材、PPT、公告、说明书……但这些内容大多是“沉默”的。有没有一种方式&#xff0c;能让一张图片自己开口说话&#xff1f;Linly-Talker 正是为…

作者头像 李华
网站建设 2026/3/26 0:39:48

如何加速下载gitea/gitea:1.23.7

要加速下载 gitea/gitea:1.23.7 Docker 镜像&#xff0c;主要有以下几种方法&#xff1a;1. 使用国内镜像源&#xff08;最推荐&#xff09;Gitea 1.23.7 镜像已同步到华为云镜像仓库&#xff0c;这是国内用户加速下载最直接的方式&#xff1a;bash复制# 使用华为云镜像源&…

作者头像 李华