寫在前面
持續更新
-
倉庫地址
github
npm -
功能
功能介紹
圖層分組操作
圖層操作是基于 Map 類添加的擴展，所以可以直接在 Map 的實體中使用以下函式
/**
* 所有圖層組，不要嘗試自行使用
*/
layerGroups: Dict<string, LayerGroup>
/**
* 所有圖層組的圖層id合集
*/
getAllGroupLayerIds(): string[]
/**
* 創建圖層組
* @param id 圖層組id
*/
addLayerGroup(id: string): LayerGroup
/**
* 獲取圖層組
* @param id 圖層組id
*/
getLayerGroup(id: string): LayerGroup | undefined
/**
* 洗掉圖層組
* @param id 圖層id
*/
removeLayerGroup(id: string): void
使用 addLayerGroup 方法創建的實體（LayerGroup型別）又可以對單圖層進行添加、洗掉、是否顯示等操作，具體請在倉庫example中查看把??，下面展示一下效果，很方便的將 文字（symbol）、線（line）、面（fill）同時顯示和隱藏，
setTimeout(() => {
setInterval(() => {
group.show = !group.show;
}, 1000)
}, 1000);
測量
const map = new mapboxgl.Map({...});
map.addControl(new MeasureControl(options)) // 引數可以為空，或自行配置
滑鼠操作
- 左鍵點擊 : 添加一個點
- 右鍵點擊 : 洗掉一個點
- 左鍵雙擊 : 完成測量，開始下一次測量
你也可以使用那三個測量類自定義ui，在 MeasureBase 這個抽象類中可以找到所有的公開方法，很簡單??
寫在最后
如果您覺得還不錯，歡迎star ??????
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/501195.html
標籤：GIS
上一篇：BOM
下一篇：mapbox 擴展