Cesium实战专栏04.Cesium自定义信息框

前言

做过webgis开发的兄弟应该都用过openlayers、leaflet、百度地图api等地图开发库，都知道在地图中显示信息一般使用的都是气泡弹框的形式，使用气泡弹框的好处就是弹框能够跟着地图移动，能够将需要展示的信息紧密地与地图点位相关联，用户体验比较好。在Cesium中展示属性信息通过可以使用气泡窗口的方式来进行展示，但是Cesium自带的信息窗口比较难看，并且不会跟随场景移动，所以只能自己进行气泡窗口的扩展开发。

效果图

信息窗口的实现思路

信息窗口主要是能够跟随场景进行移动，通过地理坐标点转为屏幕坐标，场景更新时重新转换设置给信息框。

主要代码

信息窗口类封装

// 多字段自动适配窗口
//根据字段字符段长度设置label的宽度 
//不限字段数量
// 动态设置字段与字段值

import Vue from "vue"
import Wi