百度地图添加遮罩js

最新推荐文章于 2025-04-12 16:12:53 发布

RedToMemory

最新推荐文章于 2025-04-12 16:12:53 发布

阅读量5.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：百度地图前端文章标签：百度地图 javascript

本文链接：https://blog.youkuaiyun.com/RedToMemory/article/details/78782356

前端同时被 2 个专栏收录

1 篇文章

订阅专栏

百度地图

0 篇文章

订阅专栏

本文介绍如何在百度地图上通过JavaScript实现添加遮罩功能，当points为空数组时，遮罩将覆盖整个地图区域。参考链接提供了一个详细教程，展示了如何高亮显示特定行政区域并为其他区域添加遮罩。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**

* 添加遮罩:遮盖非目标区域，若points为空数组则遮罩整个区域

* @param points为Point对象集合

＊@date 20171212

*/
function addMask(map,points){

var maskPoints=points;

//思路：利用目标区域点的集合与外围自定义区域形成一个环形遮罩层
//自定义外围边框点的集合
var EN_JW = new BMap.Point(170.672126, 81.291804); //东北角
var NW_JW = new BMap.Point(-169.604276, 81.291804); //西北角
var WS_JW = new BMap.Point(-169.604276, -68.045308); //西南角
var SE_JW = new BMap.Point(170.672126, -68.045308); //东南角
//添加环形遮罩层
if(points.length>0){
maskPoints.push(maskPoints[0]);//添加首个端点构建内环
}
maskPoints.push(EN_JW);
maskPoints.push(SE_JW);
maskPoints.push(WS_JW);
maskPoints.push(NW_JW);
maskPoints.push(EN_JW);
var mask = new BMap.Polygon(maskPoints, {strokeColor: "none", fillColor: "rgb(246,246,246)", strokeOpacity:1,fillOpacity:0.5,fillColor:"#000"}); //建立多边形覆盖物
map.addOverlay(mask); //遮罩物是半透明的
//添加目标区域

}

迷茫&亿星

参考：http://blog.youkuaiyun.com/u013008179/article/details/48341441 百度地图高亮显示选中的行政区域,其余区域加遮罩