cesium計算當前地圖范圍extent以及近似當前層級zoom

Coder編程 2021-12-02

展開全文

前言

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

內容概覽

1.計算當前地圖范圍extent
2.計算近似當前層級zoom

效果圖如下：

實現(xiàn)思路如下：

監(jiān)聽地圖變化事件

//監(jiān)聽地圖移動完成事件
this.viewer.camera.moveEnd.addEventListener(this.onMoveendMap);
//監(jiān)聽地圖移動完成事件
onMoveendMap = () => {
const me = this;
//獲取當前相機高度
let height = Math.ceil(me.viewer.camera.positionCartographic.height);
let zoom = me.heightToZoom(height);
let bounds = me.getCurrentExtent();
console.log('地圖變化監(jiān)聽事件',zoom,bounds);
};

獲取當前地圖范圍

/*
*獲取當前三維范圍
*extent,返回當前模式下地圖范圍[xmin,ymin,xmax,ymax]
*extent,返回當前模式下地圖范圍{xmin,ymin,xmax,ymax}
*/
getCurrentExtent = () => {
//獲取當前三維地圖范圍
var Rectangle = this.viewer.camera.computeViewRectangle();
……

更多詳情見下面鏈接文章：

cesium計算當前地圖范圍extent以及近似當前層級zoom

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