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