地图横幅（Google地图）

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

配置选项

• 启用全宽:

  • 用途: 选择是否让地图横幅在页面中全宽显示。

• 横幅高度:

  • 用途: 设置横幅的显示高度。

  • 选项:

    • 小

    • 中

    • 大

• 地图图片:

  • 用途: 在没有添加Google地图嵌入代码的情况下，地图图片将作为备用显示。

  • 操作: 点击“选择图片”按钮上传或选择已有图片。

• Google地图嵌入代码:

  • 用途: 将Google地图嵌入到横幅中，提供互动地图功能。

  • 操作: 将从Google地图获取的嵌入代码粘贴到此文本框中。使用格式为<iframe></iframe>的嵌入代码。

  • 获取嵌入代码:

    1. 打开Google地图。

    2. 找到要嵌入的地址或位置。

    3. 点击页面左侧的“共享”按钮，然后选择“嵌入地图”。

    4. 复制提供的iframe代码并粘贴到此处。

使用注意事项

• 优先级: 如果添加了Google地图嵌入代码，地图图片将被忽略，页面将显示嵌入的Google地图。

• 嵌入代码格式: 确保输入的嵌入代码是完整的iframe格式，否则地图可能无法正确显示。

• 备用图片: 当地图嵌入代码不可用或加载失败时，备用图片将作为地图的静态展示，确保用户能够了解您的位置。

常见问题

• 地图未显示: 如果地图未显示，请检查嵌入代码是否正确粘贴，并确保代码包含在iframe标签中。

• 图片未显示: 如果同时添加了嵌入代码和图片，嵌入地图会优先显示。移除嵌入代码后，图片才会显示。