1.0.6 • Published 5 years ago
czm-ext v1.0.6
czm-ext
介绍
cesium扩展功能服务
软件架构
结合常用的业务场景,基于cesium,提供了的一些快捷的服务和方法提高开发人员的开发效率
- czmExt.utils 日常开发使用的工具,提供了坐标拾取和二三维坐标转换的方法
- czmExt.Overlay 覆盖物类,可以参考openlayers的Overlay的实现,当需要创建一个弹出气泡等覆盖物时可以使用该类
- czmExt.EntitySevice entity快速创建服务类,可以使用该服务快速创建需要的entity
- czmExt.DirectorManager 场景切换服务类,可以使用该服务来做室内外场景切换等
安装教程
方式一:
<script src="./dist/czm-ext.min.js"/></script>
方式二:
import CzmExt from './czm-ext'
另: 如果你使用了fmap3d框架则不需要安装,框架实例方法里面有该扩展模块实例了
使用说明
在地图构建完成后,调用var czmExt = new CzmExt(viewer)
,viewer为Cesium.Viewer的实例(如果使用了fmap3d框架请忽略这步,直接获取fmap3d.viewer.ext
就行)
1. czmExt.utils 参考api文档即可
- czmExt.Overlay 覆盖物类,该类只是帮你设置对应的位置,并没有任何样式定义,需要自己定义样式,
使用示例
- 直接在对应位置显示覆盖物
```javascript var overlay = new czmExt.Overlay({viewer:viewer,element:document.getElementById("xxx")}); overlay.setPosition([113,23]); ``` - 鼠标点击地图显示相应覆盖物 ```javascript var overlay = new czmExt.Overlay({viewer:viewer,element:document.getElementById("xxx")}); viewer.events.on('fmap.map.click',function(e){//鼠标点击地图弹出气泡 overlay.setPosition(czmExt.utils.pickDegrees(e.position)) }) ```