基于Vue+cesium的三维地理综合展示框架源码+使用说明.zip

【资源说明】 基于Vue+cesium的三维地理综合展示框架源码+使用说明.zip基于Vue+cesium的三维地理综合展示框架源码+使用说明.zip基于Vue+cesium的三维地理综合展示框架源码+使用说明.zip 使用说明 1、打开窗口 type: left 左边窗口，尺寸300*900, center 居中窗口，尺寸860*1200 title: 标题 url: 路径，默认是views目录下，可以是javascript文件，需要以.js结尾，包含setup方法作为执行入口。也可以是外部链接，例如：http://www.baidu.com replace: 是否替换当前窗口的页面，默认false。不替换可以回退。 success: 窗口打开回调 cancel: 窗口关闭回调 ``` this.$window.open({ type: 'left', title: '窗口标题', url: 'Test', replace: false, success: () => {}, cancel: () => {} }) ``` 2、地图相关操作接口 全局获取viewer: this.$viewer * 事件处理：viewer.eventHandler ``` eventType = leftClick,rightClick,mouseMove,leftDoubleClick,... handler = { id, index, handler(){}, } ``` 1. on(eventType, handler) 2. onLeftClick(handler) 3. onRightClick(handler) ... * 地图相关操作接口： viewer.maps 1. setMapLayer(layerType) * 坐标转换： viewer.coords * 图上标绘 ``` import map from "map"; const entityUtils = new map.utils.EntityUtils({ viewer, config: { type: 'billboard', tooltip: '图标', description: '', style: { image: '/images/markers/thunder-marker.png', scale: 0.8, clampToGround: true } }, hasEdit: true }); 更多详情见说明文档！！ 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。 欢迎下载，沟通交流，互相学习，共同进步！