前端arcgis外面一圈加上遮罩层

想要给前端 ArcGIS 加上遮罩层，可以使用 CSS 的伪元素和 z-index 属性来实现。

首先，在你的 HTML 文件中添加一个包含 ArcGIS 容器的 div 元素，例如：

<div id="arcgis-container">
  <!-- ArcGIS 的相关代码和内容 -->
</div>

然后，在你的 CSS 文件中，为这个容器添加一个 position 属性为 relative，以便子元素定位时参考该容器。然后，使用 ::before 伪元素创建一个遮罩层，设置其 position 属性为 absolute，宽高为 100%（与容器相同），并设置背景颜色或图片。最后，设置遮罩层的 z-index 属性比 ArcGIS 容器的 z-index 属性小，以确保遮罩层在 ArcGIS 容器之下。

具体实现代码如下：

#arcgis-container {
  position: relative;
}

#arcgis-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 这里可以设置遮罩层的背景 */
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

这样，就可以在前端 ArcGIS 地图的外面一圈加上遮罩层了。