cesium 之地图贴地量算工具效果篇(附源码下载)


前言

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之家小专栏

文章尾部提供源代码下载,对本专栏感兴趣的话,可以关注一波


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM