Cesiumjs | 绘制类优化

文章目录

  • 1 自然语言概述
  • 2 概念语言抽象
  • 3 物理语言实现
  • 4 优化方向


1 自然语言概述

绘制功能是 GIS 前端交互的基础,许多功能都会依赖于绘制功能的实现。其中的关键在于通过异步逻辑,返回所绘制的实体。

最初的所编写的绘制类是将 Cesium Entity 的管理 和 Cesium 事件管理全部放在同一类下,而优化之后的绘制类将两者逻辑分离,便于维护和拓展。所以好的代码是在实现基本逻辑的条件下逐步优化出来的,但大多数情况下还是少折腾点吧。

效果如下:
ts-vue-cesium Demo

2 概念语言抽象

原始绘制类
Cesiumjs | 绘制类优化_第1张图片
优化后的绘制类
Cesiumjs | 绘制类优化_第2张图片

3 物理语言实现

源码 - gitee

4 优化方向

  1. 资源清理逻辑完善;
  2. 绘制多边形时,添加 edge 提示;
  3. 绘制提示,如 弹框,鼠标跟随弹框等;

[参考]

  1. Cesium - Sandcastle
  2. 《WebGIS 之 Cesium三维软件开发》第五章 5.2.7
  3. 《设计模式: 可复用面向对象软件的基础》
  4. Cesiumjs | Cesium 绘制类 以及 模型压平

你可能感兴趣的:(Cesium,vue.js,typescript)