个⼈笔记CesiumJS绘制点线⾯编辑器：webstorm
服务：node.js npm
CesiumJS: Cesium-v1.9.1
vue v2.9.6
顺便丢⼀个感觉挺实⽤的cesium中⽂⽂档
⼀、功能
绘制点线⾯
点击按钮切换模式，⿏标拖拽地图移动，在相应模式下单击右键结束绘制
点模式
点击“绘制点”按钮后在地图内单击⿏标左键，在地图上添加⼀个点，单击右键结束画点
线模式
点击“绘制线”按钮后单击⿏标左键在地图上添加⼀个点并开始画线，单击右键结束画线
⾯模式
点击“绘制⾯”按钮后单击⿏标左键在地图上添加⼀个点并开始画线，需要⾄少三个点以形成⾯，单击⿏标右键结束画线清空绘制
点击按钮后删除所有绘制对象
mousemove是什么键⼆、 实现
环境搭建参照同⽂集下vue+cesium环境搭建
1. 初始化场景
参照同⽂集下vueCesium构建航班轨迹⽂件添加token，进⾏cesium初始化
不过因为窗⼝显⽰的是野外，只想简单实现功能的话并不⽤加OSM Building（⽹速不⾏的话也同理（⽐如我
此处借鉴官⽅⽰例，利⽤camera的lookAt⽅法令镜头初始化在⽕⼭⼝（？）上⽅⽽不是显⽰初始化地
球
在初始化场景的时候还可以通过赋值true/false来选择是否显⽰窗⼝⼩部件
infoBox: 信息框
selectionIndicator: 选择指⽰框
navigation: 导航插件
animation: 动画控制部件，左下⾓仪表盘

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。