# 地图横幅（Google地图）

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

### **配置选项**

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

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

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

### **常见问题**

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ascent.webvista.studio/webvista-studio-docs/sections/di-tu-heng-fu-google-di-tu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.