Joomla 3.x. 如何编辑谷歌地图位置(在主页上)

本教程将向您展示如何在Joomla 3中更改主页上的Google地图位置.x templates.

Joomla 3.x. 如何编辑谷歌地图位置(在主页上)

如果你在主页上看到谷歌地图, 这意味着你不能像在联系人页面上编辑谷歌地图一样编辑它. 通常，这样的谷歌地图加载从一个单一的文章通过 HTML code.

要更改Google地图在主页上的位置，请执行以下步骤:

1. 登录您的Joomla管理面板并导航到 System -> Global Configuration menu.

2. Find the option Default Editor and select Editor – Code Mirror or Editor – None value from the list:

   

   注意:使用默认的Joomla TinyMCE editor 激活后，您将无法看到从文章中加载Google地图的代码.

3. Click Save 按钮，以保存更改.

4. 现在我们应该检查哪篇文章包含Google Map代码. Navigate to the Extensions -> Module Manager menu.

5. Filter modules by the "Articles – Single" 输入并选择所需的 module from the list. 在我们的例子中，这是“位置” module 在底部位置:

   

6. 检查条目的名称 Select Article option field. 在我们的案例中，这是“地图”文章:

   

7. 找到并打开这篇文章 Article Manager:

   

8. 在文本区域，你可以看到地图代码:

   

9. 这是你需要修改或替换为新代码的代码(映射嵌入链接):

   http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=& q = + +纽约,布鲁克林+ NY, +曼联+状态&aq=0&sll=37.0625,-95.677068&sspn=61.282355,146.513672&ie=UTF8&hq=& hnear =布鲁克林+国王,+ +纽约&ll=40.649974,-73.950005&spn=0.01628,0.025663&z=14&iwloc=A&output=embed
   

10. 要创建新的地图嵌入链接，请转到 http://www.google.com/maps.

11. 在搜索栏中输入您的实际地址.

12. 使用鼠标和地图控件选择所需的位置和缩放级别.

13. 点击页面右下角的设置图标. Select the Share and embed map menu from the list:

    

14. Switch to the Embed Map tab. 复制新生成的Google地图代码. 它看起来像这样:

    

15. 这是您需要使用的代码(值) src attribute):

    http://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d214587.41156412518!2d-96.73133959999998!3d32.82066454999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1 s0x864c19f77b45974b % 3 a0xb9ec9ba4f647678f!2sDallas%2C+TX!5e0!3m2!1sen!2s!4v1414173355244
    

16. 用新生成的代码替换原始代码.

17. 你的新地图代码看起来像这样:

18. 一切完成后，按 Save 按钮在右上角.

19. 刷新站点以查看更改. 已成功更改主页上的Google地图位置.

本教程到此结束. 现在您知道了如何在Joomla 3的主页上更改Google地图的位置.x templates.

请随时查看下面的详细视频教程:

Joomla 3.x. 如何编辑谷歌地图位置(在主页上)