vue mapboxgl 鷹眼展示

2021-10-06 11:24:42 字數 543 閱讀 2120

話不多說直接上圖,檢視了 這個博主位址,  他是用openlayer 寫的

1、首先要有兩個地圖 大圖,小圖,鷹眼範圍圖(簡稱鷹眼)

2、大圖移動,放大縮小的時候要相應的放大和縮小

3、小圖不動,鷹眼圖放大和縮小時,大圖展示相應的位置

1、小圖比大圖的層級小4(我這邊設定的是小4,也可以是2和3看需要)

2、獲取大圖的螢幕四點座標

3、鷹眼中繪製乙個面圖層,將2中獲取的四點座標整理面資料

4、大圖放大縮小的時候,小圖和大圖聯動

5、大圖在移動的時候鷹眼始終保持中的位置並監聽大圖的四點座標給鷹眼

6、鷹眼移動的時候將移動的中心點給大圖中心點並監聽大圖的四點座標給鷹眼

四、**

VC MapX鷹眼實現

我的基本實現想法是,在同乙個view視窗下家兩個cmapx控制項,乙個稱為主圖,乙個稱為鷹眼圖。cmapx m ctrlmapx 主圖 cmapx m eaglemapx 鷹眼圖 注意事項 在view裡的oncreate函式一定要想建立m eaglemapx,這樣才能看見鷹眼圖。既如此 m eagl...

MapX系列 鷹眼

鷹眼 map物件的ctlbounds 是當前可視地圖區域的邊框矩形,可以用 ctlbounds 生成鷹眼。if not m mxmapee is nothing then dim mxpoints as new mapxlib.points dim mxrectangle as new mapxli...

AE 鷹眼同步

跟著書做的,看起來比較粗糙,但還是能實現基本的鷹眼功能。點滴記錄學習,早日出人頭地!同步鷹眼 private void mainmapcontrol onmapreplaced object sender,esri.arcgis.controls.imapcontrolevents2 onmapre...