在vue上使用cesium开发三维地图-定位及优化
以前端webGIS开发工程师的角度,讲述关于GIS的知识,带大家快速了解下webGIS的知识。
推荐使用NSDT 3DConvert进行3D模型格式转换,支持glb、obj、stp、fbx、ifc等多种3D模型格式之间进行互相转换,在转换过程中,能够很好的保留模型原有的颜色、材质等信息。
定位
用到的api是new Cesium.BoundingSphere
然后要定位到这个初始位置,new Cesium.Camera.flyTo
上面这2个api
之前在讲地图加载
的时候已经介绍过了,其实这里就是把之前的api复用一下。
代码如下:
然后在init()
中点击点位的时候加入这个方法
定位问题就这样解决了。
优化
给弹框加点内容
用axios
方式加载json数据
json数据如下:
cesiumPopup.vue弹框的内容如下
看看效果:
在vue上使用cesium开发三维地图 - 索引
在vue上使用cesium开发三维地图-坐标系、webGIS简介