如何将 Google 地图添加到 Wordpress 网站（不是帖子或页面）答案

【问题标题】：How to add Google Maps to Wordpress site (not posts or pages)如何将 Google 地图添加到 Wordpress 网站（不是帖子或页面）
【发布时间】：2017-03-01 17:37:55
【问题描述】：

我想为我正在设计的 Wordpress 网站上的索引页添加 Google 地图。我一直在到处寻找这个，但我只能找到允许我添加到帖子和页面的插件。那不是我想要的。

我想要一个看起来像地图 10 的地图：

http://gis.yohman.com/blog/2010/10/27/wordpress-plugin-google-maps-shortcode/

在我的第一页。我怎么做？我尝试安装此插件，然后添加：

< ?php echo do_shortcode ( '[shortcode goes here..]' ); ?>

在我的 index.php 上。但这不起作用。我该怎么办？请帮帮我。

【问题讨论】：

标签： php wordpress

【解决方案1】：

忘记插件和 WordPress 特定的东西，为什么要在一个页面上添加一件东西过于复杂？

直接从 Google 地图网站获取 Google 地图代码。

将其添加到您希望地图出现的index.php 模板文件中。

如果您的 index.php 模板不仅仅用于主页，请将其内容复制到 home.php，这是 WordPress 仅用于您的主页（如果存在）的模板文件。

【讨论】：

谢谢！没有考虑到这一点。我只有一个问题，我不认为这个带有方向和东西信息的白色气泡。如何删除这个？
我不知道你说的是什么气泡，但它可能在你复制的代码中，所以删除它！
当我嵌入谷歌地图时，我得到一个指向该位置的白色气泡/气球（不确定此处的正确英文单词）。在这个气泡/气球中有关于地址、方向等的信息。我不知道要从代码中删除它。。有谁知道吗？
编辑您的问题以包含您想要帮助编辑的代码。我们无法猜测。
无法将代码放在这里，因为它太长了...但是您可以转到maps.google.se 并搜索“斯德哥尔摩”。如果你把那个嵌入式代码放在那里，你会看到我试图添加到我的页面的代码

【解决方案2】：

*2017 年更新
另一种快速简便的方法是将 Google 地图直接嵌入到您的索引页面中。在 HTML 选项中。

转到https://www.google.com/maps
搜索并找到您想要的地图起点
点击左上角的菜单图标
点击菜单中的“分享或嵌入地图”选项
然后点击右上角的“嵌入地图”选项
复制给定的代码。应该以 iframe 开头。
在 WordPress 中转到您的索引页面。
点击右上角的“文本”选项，也称为 HTML。
将此代码粘贴到您希望的区域。

P.S：如果您想设置样式或编辑嵌入的地图，您可以将宽度=“”和高度=“”更改为您想要的尺寸。如果您想要更多样式选项，您可以使用 CSS 类和 ID 做一些事情，但任何奢侈的事情都需要使用 Google Maps API。

【讨论】：