cesium 之地圖貼地量算工具效果篇（附源碼下載下傳）

本篇實作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之家小專欄

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

GIS之家作品店鋪：GIS之家作品店鋪

GIS之家源碼咨詢：GIS之家webgis入門開發系列demo源代碼咨詢