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

前言

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

內容概覽

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

效果圖以下:
ui

實現思路以下:this

  • 監聽地圖變化事件

 

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

 

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

更多詳情見下面連接文章spa

cesium計算當前地圖範圍extent以及近似當前層級zoomcode

文章提供源碼,對本專欄感興趣的話,能夠關注一波blog

相關文章
相關標籤/搜索