前言

cesium 官網的api文檔介紹地址cesium官網api,裡面詳細的介紹 cesium 各個類的介紹,還有就是在線例子:cesium 官網在線例子,這個也是學習 cesium 的好素材。

內容概覽

1.基於cesium 實現地圖貼地量算工具效果

2.源代碼 demo 下載

本篇實現 cesium 地圖量算工具功能,效果圖如下:

實現的思路

  • 初始化工具函數

//量算工具
var html=<div id="toolTip" class="measure-mouse-tip" stylex="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);
});

  • 核心函數測距:

更多的詳情見

cesium 之地圖貼地量算工具效果篇(附源碼下載) - 小專欄?

xiaozhuanlan.com
圖標

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

GIS之家店鋪:GIS之家

GIS之家源碼諮詢:GIS之家webgis入門開發系列demo源代碼諮詢
推薦閱讀:
相關文章