关于Leaflet 地图遮罩反选

最新推荐文章于 2025-06-06 15:35:30 发布

.Ming

最新推荐文章于 2025-06-06 15:35:30 发布

阅读量6.4k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： map 文章标签： leaflet 反选反向遮罩

本文链接：https://blog.youkuaiyun.com/u012420268/article/details/87188011

关于Leaflet 地图遮罩反选

最近项目用到leaflet作为地图开发插件，需要将某个区域突出显示，其余部分隐藏，之前做过百度地图的开发，有过类似的经验，就简单写一下作为记录。

leaflet 地图插件

leaflet:https://leafletjs.com/
下边就直接进入主题：
1.初始化地图

//加载地图
function initMap() {
   
   
   if(!page.map){
   
   
       page.map = L.map("allmap", {
   
   
           renderer: L.canvas(),
           attributionControl: false,
           zoomControl: true,
           maxZoom: 18,
           minZoom: 4
       }).setView([31.144674, 121.3555383], 15);
   }

   var baseLayer = L.tileLayer('http://webst0{s}.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}', {
   
   
       subdomains: ["3", "4"]
   });
   
   var GoogleLayer1 =