cesium 绘制工具 鼠标提示tips工具组件

前言

本专题主要是针对学习cesium小伙伴，在项目中实践总结的一些工具，以及会详细介绍，知识和封装的原理，废话不多说，此文介绍的是，鼠标提示tips工具组件，在项目中使用会优化交互效果，对客户友好，例如标绘工具，地图操作。

---

一、PlotDrawTip组件

之前在网上看到的都是，通过动态创建，编辑div位置，定位到鼠标的位置，当然效果也能实现，但是发现一个问题就是鼠标移动过快，鼠标会浮到div上，导致div静止，位置已经错位。

PlotDrawTip提示组件的思路是采用的，场景渲染事件 实时更新标签的位置 使其与笛卡尔坐标一致，ui样式单独封装成tip.vue
组件，其原理和自定义label组件类似。

二、调用方式

import PlotDrawTip from "@/utils/PlotDrawTip"

初始化
this.plotDrawTip = new PlotDrawTi