news 2026/9/27 21:22:23

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 加载套路 =load→add,和 GeoJSON 一字不差。

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

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

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

揭秘Open-AutoGLM自定义脚本编写难点:5大关键规范你必须知道

第一章&#xff1a;揭秘Open-AutoGLM自定义脚本的核心理念Open-AutoGLM 是一个面向自动化自然语言处理任务的开源框架&#xff0c;其自定义脚本系统旨在赋予开发者高度灵活的控制能力。通过模块化设计与声明式配置结合&#xff0c;用户能够快速构建、调试并部署复杂的语言模型流…

作者头像 李华
网站建设 2026/9/26 20:54:14

Linly-Talker支持MQTT协议用于物联网通信

Linly-Talker 支持 MQTT 协议用于物联网通信 在智能终端日益渗透日常生活的今天&#xff0c;一个关键问题摆在开发者面前&#xff1a;如何让数字人不只是“能说会动”的演示程序&#xff0c;而是真正融入现实场景、可被远程调度、具备状态感知能力的智能节点&#xff1f;尤其是…

作者头像 李华
网站建设 2026/9/27 12:59:07

Linly-Talker语音活跃度检测避免无效唤醒

Linly-Talker语音活跃度检测避免无效唤醒 在数字人逐渐从影视特效走向日常交互的今天&#xff0c;用户对“像人一样自然对话”的期待越来越高。无论是虚拟主播、银行大厅里的数字员工&#xff0c;还是教育陪练机器人&#xff0c;人们不再满足于机械式的应答——他们希望对方能…

作者头像 李华
网站建设 2026/9/27 0:40:49

Linly-Talker结合SLAM技术实现空间定位交互

Linly-Talker结合SLAM技术实现空间定位交互 在智能展厅里&#xff0c;一位参观者缓缓走近一幅名画。还未开口&#xff0c;画旁的虚拟讲解员便微微转头&#xff0c;面向来人&#xff0c;微笑着说道&#xff1a;“欢迎了解这幅《星月夜》——它创作于1889年……”随着观众绕行观察…

作者头像 李华
网站建设 2026/9/26 21:16:15

2025-12-20 全国各地响应最快的 BT Tracker 服务器(电信版)

数据来源&#xff1a;https://bt.me88.top 序号Tracker 服务器地域网络响应(毫秒)1http://123.245.62.79:6969/announce河北石家庄电信172udp://211.75.205.189:6969/announce广东佛山电信323udp://23.157.120.14:6969/announce上海电信1244http://43.250.54.137:6969/announc…

作者头像 李华
网站建设 2026/9/27 1:44:31

Linly-Talker在养老院陪伴机器人的落地案例

Linly-Talker在养老院陪伴机器人的落地案例 在南方某中型城市的一家养老机构里&#xff0c;一位82岁的李奶奶每天都会对着房间电视屏幕里的“女儿”说话&#xff1a;“今天药吃了&#xff0c;饭也吃得好。”屏幕上那位面容温柔、声音熟悉的“女儿”&#xff0c;其实是基于她真实…

作者头像 李华