torfs-ict/cmsms-google-maps

CMS Made Simple 的 Google Maps 模块

1.0.1 2016-11-11 08:22 UTC

This package is auto-updated.

Last update: 2024-09-21 21:01:40 UTC


README

CMS Made Simple 提供的 Google Maps 模块。此模块适用于 CMSMS 的 Composer 和 Bower 启用版本

特性

  • 使用纯 HTML 添加地图,并包括信息窗口。
  • 确保在创建全宽地图时,即使在平板电脑和智能手机等小屏幕上,滚动网站也能正常工作。

使用方法

  1. 将所需的样式表添加到您的 head 标签中:{cms_module module="GoogleMaps" action="css"}
  2. 将所需的 JavaScript 添加到您的 body 标签的末尾:{cms_module module="GoogleMaps" action="js"}
  3. 按照以下示例添加 Smarty 块以实现地图,块的内容将被放入信息窗口中。

示例代码

{GoogleMaps address="One Microsoft Way Redmond, WA 98052-6399, United States" title="Microsoft HQ"}
  <h6>Microsoft HQ</h6>
    <p>
      One Microsoft Way
      <br>Redmond, WA 98052-6399
    </p>
  <p>(425) 882-8080</p>
  <p><a href="https://www.google.be/maps/dir//One+Microsoft+Way+Redmond,+WA+98052-6399,+United+States" target="_blank">Directions</a></p>
{/GoogleMaps}