前言
cesium 官网的api文档介绍地址cesium官网api,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子:cesium 官网在线例子,这个也是学习 cesium 的好素材。
内容概览
1.基于cesium 实现地图贴地量算工具效果
2.源代码 demo 下载
本篇实现 cesium 地图量算工具功能,效果图如下:
实现的思路
- 初始化工具函数
//量算工具
var html='<div id="toolTip" class="measure-mouse-tip" style="display:none;color:rgb(236, 159, 30);border: 1px solid rgb(236, 159, 30);position:absolute;font-size:12px;color:#fff">单击开始,双击结束</div>'; $('.cesium-viewer').append(html); $("#measureDistance").click(function(){ new measureDistance(cesium); }); $("#measureArea").click(function(){ new measureArea(cesium); });
- 核心函数
测距:
更多的详情见:GIS之家小专栏
文章尾部提供源代码下载,对本专栏感兴趣的话,可以关注一波