前言

cesium 官網(wǎng)的api文檔介紹地址cesium官網(wǎng)api，里面詳細(xì)的介紹 cesium 各個(gè)類的介紹，還有就是在線例子：cesium 官網(wǎng)在線例子，這個(gè)也是學(xué)習(xí) cesium 的好素材。

內(nèi)容概覽

1.基于cesium 實(shí)現(xiàn)地圖貼地量算工具效果
2.源代碼 demo 下載

本篇實(shí)現(xiàn) cesium 地圖量算工具功能，效果圖如下：

image

實(shí)現(xiàn)的思路

• 初始化工具函數(shù)

//量算工具
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">單擊開始，雙擊結(jié)束</div>';
$('.cesium-viewer').append(html);
$("#measureDistance").click(function(){
            new measureDistance(cesium);
});
$("#measureArea").click(function(){
            new measureArea(cesium);
});

• 核心函數(shù)
  測距：

更多的詳情見：GIS之家小專欄
文章尾部提供源代碼下載，對本專欄感興趣的話，可以關(guān)注一波

GIS之家作品：GIS之家
GIS之家源碼咨詢：咨詢模式