mapbox-gl 实现layerId数组正序排序
创始人
2024-11-12 17:06:49
0

1、前言

mapbox-gl 经常需要移动图层顺序操作,官方提供的api map.moveLayer(id, beforeId)函数只支持一次一个图层的移动,先对其扩展,支持多个图层的移动,且移动顺序按照数组下标排序来

2、函数

layersAscSortByArrIdxKeepLast(map, layerIds) {    let len = layerIds ? layerIds.length : 0    if (map && len > 1) {      for (let i = 0; i < len - 1; i++) {        let dis = len - i - 1        if (map.getLayer(layerIds[dis - 1]) && map.getLayer(layerIds[dis]) ) {          map.moveLayer(layerIds[dis - 1], layerIds[dis])        }      }    }  }  // 按照小标顺序移动,且最后一个图层原本位置不变  this.layersAscSortByArrIdxKeepLast(this.map, [layerIdSort1,layerIdSort2,layerIdSort3]) 

希望对您有帮助,发财的小手点点赞、转发、评论下,感谢~

相关内容

热门资讯

3分钟脚本!epoker底牌透... 3分钟脚本!epoker底牌透视,拱趴大菠萝自动计算机器人,规律教程(有挂发现)1、下载好拱趴大菠萝...
科技教程“we-poker辅助... 科技教程“we-poker辅助器”透视辅助(都是真的有挂)-今日头条1、全新机制【we-poker辅...
九分钟教学!大菠萝免费辅助,w... 九分钟教学!大菠萝免费辅助,wpk德州局怎么透视,介绍教程(有挂教程)wpk德州局怎么透视辅助器中分...
玩家教你“wepoker透视版... 玩家教你“wepoker透视版下载”透视脚本(果真真的有挂)-哔哩哔哩1、许多玩家不知道wepoke...
3分钟教学!aapoker破解... 3分钟教学!aapoker破解侠是真的吗,hhpoker怎么开透视,新版2025教程(有挂教程)1、...
玩家教程“wepoker辅助器... 玩家教程“wepoker辅助器下载”透视(一般真的有挂)-知乎亲,关键说明,wepoker辅助器下载...
7分钟教学!hhpoker到底... 7分钟教学!hhpoker到底可以作弊吗,epoker免费透视脚本,德州论坛(有挂分享)一、hhpo...
透明教程“wepoker辅助器... 透明教程“wepoker辅助器最新版本更新内容”透视(就是真的有挂)-微博客户端1、起透看视 wep...
三分钟脚本!aapoker怎么... 三分钟脚本!aapoker怎么拿好牌,wepoker一直输的号能继续打吗,必备教程(有挂技巧)1、下...
玩家教程“wepoker破解器... 玩家教程“wepoker破解器激活码”透视辅助(一贯真的有挂)-今日头条;1、构建自己的wepoke...