# 地图横幅（Google地图）

地图横幅模块允许您在网页上展示一个包含图片或嵌入的Google地图的横幅，适用于在联系页面或地理位置展示页面中使用。

### **配置选项**

* **启用全宽**:
  * **用途**: 选择是否让地图横幅在页面中全宽显示。
* **横幅高度**:
  * **用途**: 设置横幅的显示高度。
  * **选项**:
    * 小
    * 中
    * 大
* **地图图片**:
  * **用途**: 在没有添加Google地图嵌入代码的情况下，地图图片将作为备用显示。
  * **操作**: 点击“选择图片”按钮上传或选择已有图片。
* **Google地图嵌入代码**:
  * **用途**: 将Google地图嵌入到横幅中，提供互动地图功能。
  * **操作**: 将从Google地图获取的嵌入代码粘贴到此文本框中。使用格式为`<iframe></iframe>`的嵌入代码。
  * **获取嵌入代码**:
    1. 打开[Google地图](https://map.google.com/)。
    2. 找到要嵌入的地址或位置。
    3. 点击页面左侧的“共享”按钮，然后选择“嵌入地图”。
    4. 复制提供的iframe代码并粘贴到此处。

### **使用注意事项**

* **优先级**: 如果添加了Google地图嵌入代码，地图图片将被忽略，页面将显示嵌入的Google地图。
* **嵌入代码格式**: 确保输入的嵌入代码是完整的iframe格式，否则地图可能无法正确显示。
* **备用图片**: 当地图嵌入代码不可用或加载失败时，备用图片将作为地图的静态展示，确保用户能够了解您的位置。

### **常见问题**

* **地图未显示**: 如果地图未显示，请检查嵌入代码是否正确粘贴，并确保代码包含在iframe标签中。
* **图片未显示**: 如果同时添加了嵌入代码和图片，嵌入地图会优先显示。移除嵌入代码后，图片才会显示。