README

M2 Google Maps 扩展由 Mageplaza 提供 允许商店在网页上设置位置。包含真实位置信息的“联系我们”页面会使您的网站在客户心中显得更加专业和可靠。

重要提示： Github 上的 Mageplaza Google Maps 扩展版本免费提供给 Magento 社区作为 Mageplaza 的贡献。此软件包不包括技术支持。如果您需要此扩展的技术支持，您将不得不从 Mageplaza 购买许可证。点击此处购买。

1. 文档

2. 常见问题解答

问题：我遇到了错误：Mageplaza_Core 已经被定义

答案：请在此处阅读解决方案这里。

问题：地图可以显示在我的页面的哪个位置？

答案：Google 地图可以设置在联系页面顶部或底部，通过导航到 商店 > 设置 > 配置 > Mageplaza 扩展 > Google 地图 > 一般 > 位置 并选择适当的位置。

问题：我能否自定义地图在网站上的显示方式？

答案：绝对可以，有4种地图类型和10种地图风格供您选择。

问题：客户能否拖动地图或缩放地图？

答案：客户可以轻松地拖动地图查看商店周边地区。然而，无法缩放地图，此功能可在 Mageplaza Store Locator 中使用。

问题：我的商店在地图上看起来会是什么样子？

答案：有一个可自定义的标记，用于显示商店的确切位置。您可以自由选择要显示的标记图标。

问题：地图在移动设备上可用吗？

答案：是的，此扩展在移动版网站上运行良好。

3. 如何安装 Magento 2 Google Maps 扩展

通过 composer 安装（推荐）

在 Magento 2 根目录中运行以下命令

带有营销自动化（推荐）

composer require mageplaza/module-google-maps mageplaza/module-smtp
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy

没有营销自动化

composer require mageplaza/module-google-maps
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy

4. Google Maps 突出功能

将 Google 地图添加到联系页面

不再需要无聊的文字来显示商店位置，现在店主可以通过带有标记的 Google 地图获得更具吸引力的“联系我们”页面，该标记精确显示商店位置。Mageplaza 的 Magento 2 Google 地图扩展允许店主在联系页面顶部或底部设置地图位置。

可调整地图显示

Google 地图插件 允许网站管理员灵活地更改前端显示方式。显示精确位置的标记可以自由配置。此外，还有4种地图类型可供选择

地形
路线图
卫星图
混合图

和10种可用的地图风格

默认
蓝色精华
深绿色
深灰色
沙漠
浅蓝色水
浅梦幻
浅灰色
午夜灰
自然色

可选地图嵌入

Mageplaza Google Maps模块提供了在网站上添加地图的2种选项。第一种选项是使用Google API密钥，这将从Google获得显示地图的许可。第二种选项是直接嵌入Google iFrame代码，这更为简单。

自动获取GPS坐标

使用Google API密钥，一旦提供地址信息，就可以根据纬度和经度自动定义GPS坐标。这些坐标可以被管理员调整，以获取标记的确切位置。

5. 更多功能

地图拖动

可以拖动地图并查看商店位置的周边区域。

移动端友好性

Magento 2 Google Maps可以与移动设备和桌面设备都很好地工作。

扩展兼容性

Google Maps扩展与Mageplaza Store Locator扩展响应式，并且几乎与所有第三方模块兼容。

6. 全面的Magento 2 Google Maps功能

对于店主

轻松启用/禁用Google Maps
在联系页面选择地图的位置
2种验证Google地图的方式：Google API密钥/嵌入代码
4种地图类型选项
10种地图样式选项
启用/禁用地图拖动
设置地图默认放大比例
可调整标记图标
在插入商店地址后自动获取GPS坐标

对于购物者

更直观地查看商店位置
直观地查看商店的位置
能够拖动地图并查看周边位置
对联系信息有更多的信心

7. 用户指南

Magento 2默认的联系我们页面太简单了，它只允许显示文本。有了Mageplaza的新扩展Google Maps，可以轻松地将Google Maps显示在联系我们页面上。这也有助于您的商店在顾客知道您的确切位置时提高客户信任。

7.1. 配置

登录到Magento Admin，导航到商店 > 设置 > 配置 > Mageplaza Extensions > Google Maps。

7.1.1. 通用

启用：选择是以激活Google Maps
插入到联系页面：选择是以将Google Maps添加到联系页面并显示位置字段
位置：顶部和底部是可以在联系页面上显示地图的两个位置

7.1.2 地图设置

有2种地图设置模式如下

1. 协议 = API

Google API密钥：插入Google API密钥。在此获取Google API密钥。
地图类型：有4种地图显示选项：路线图、地形、卫星和混合。
地图样式：前端显示的地图样式。有10种主要流行的地图样式

允许地图拖动：选择是以启用地图上的拖放
默认缩放：默认地图放大比例
标记图标：在地图上标记确切位置的图标。最佳图标大小为20 x 20px。

位置设置：地图设置 > 位置设置

地址：插入需要在地图上显示的地址。点击按钮获取GPS坐标以加载纬度和经度。
纬度：输入位置的纬度
经度：输入位置的经度

2. 协议 = 嵌入代码

使用此方法，可以在前端界面通过嵌入Google iFrame代码添加地图，而无需以下任何地图设置。

代码：嵌入Google iFrame代码。

7.2. 地图小部件

通过添加小部件，您可以将地图添加到商店的任何位置。可以通过以下步骤创建小部件

步骤 1：登录到 Magento 2 管理后台，转到 内容 > 元素 > 小部件

步骤 2：点击 添加小部件 按钮，开始设置小部件

选择 类型 字段为 Mageplaza Google Maps，设计主题 为 Magento Luma。然后点击 继续

步骤 3：在 店面属性 中填写所需信息

步骤 4：选择显示小部件的位置

从 布局更新 > 点击 添加布局更新 按钮

步骤 5：保存 > 系统。导航到 缓存管理，点击 清除 Magento 缓存 按钮。

7.3. 前端

使用 API

使用嵌入代码

人们也搜索

magento 2 google maps
如何在 Magento 2 页面添加 Google 地图
magento 2 嵌入 google maps
magento 2 地图
google maps magento 2
magento 2 google maps 经销商定位器

其他免费的 Magento 2 扩展在 Github 上

在市场获得更多 Magento 2 扩展

mageplaza / module-google-maps

维护者

详细信息