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之家小專欄

文章尾部提供源代碼下載，對本專欄感興趣的話，可以關注一波