Html 设置网站背景是谷歌地图iframe代码

我需要像这样设置iframe网站背景

我去显示嵌入谷歌地图的背景和添加任何想法了

 <div id='map-canvas'><iframe
          class="custom-google-map"
          src="https://www.google.com/maps/d/embed?mid=1pqr-Kg5Dn8CyoomMIP2j7160niTmiTRi"
          width="100%"
          height="100%"
        ></iframe></div>

---

删除iframe并仅添加此

<div id='map-canvas'></div>

还要添加这个css

#map-canvas {
  height: 100%;
  position: absolute; 
  top: 0; 
  bottom: -200px; 
  left: 0; 
  right: 0; 
  z-index: 0;
}

#container {
  z-index: 100;
  position: relative;
}

#map-canvas {
  height: 100%;
  position: absolute; 
  top: 0; 
  bottom: -200px; 
  left: 0; 
  right: 0; 
  z-index: 0;
}

#container {
  z-index: 100;
  position: relative;
}