高德地图如何除指定区域外添加蒙版

云村深处

已于 2024-07-15 11:03:49 修改

阅读量454

点赞数 10

文章标签： javascript

于 2024-01-25 10:00:41 首次发布

本文链接：https://blog.csdn.net/Glimpse_L/article/details/135837293

版权

文章介绍了如何在JavaScript中使用AMap库创建一个包含四个边界点的多边形，通过`pathArray`和自定义区域`qtc`来设置路径，最后在地图上添加该多边形并设置了描边和填充属性。

摘要由CSDN通过智能技术生成

此代码块注意放到map后面，qtc是自定义的区域。

    var outer = [
      new AMap.LngLat(-360, 90, true),
      new AMap.LngLat(-360, -90, true),
      new AMap.LngLat(360, -90, true),
      new AMap.LngLat(360, 90, true),
    ];

    var pathArray = [
      outer
    ];
    pathArray.push.apply(pathArray, qtc)
    var polygon = new AMap.Polygon({
      pathL: pathArray, 
      strokeWeight: 1,    //区域内描边宽度
      fillColor: '#040c29',    //蒙版颜色
      fillOpacity: 0.8    //透明度
    });
    polygon.setPath(pathArray);
    map.add(polygon)

效果如图：