一直想把 google 地图嵌入到网站中,显示与之相关的地理位置,感觉不错。

之前也在网上查看了一些将 google 地图嵌入到 WordPress 网站中的方法,觉得有些麻烦。

想到 google 有自定义搜索,可以很方便地嵌入到网站,google 自定义地图应该也可以很方便地嵌入到网站中。

在 google 地图上找了找,页面上有 「分享链接」 的一个图标,其中的 HTML 代码直接嵌入到网站想要显示 google 地图的地方就 OK 。

相当的简单、方便,根据网站页面的需求可以自定义设置高与宽和其他参数。

google 地图在网站中的显示效果

WordPress中嵌入google地图

在 google 地图中输入你要默认显示的信息,这里以 「布达拉宫」 为例,哈,笔者向往西藏。

WordPress中嵌入google地图

点击 「分享链接」 按钮 (打印图标这边的),弹出窗口,在添加代码之前我们还是设置下高宽等参数,点击 「自定义并预览内嵌的地图」 。

WordPress中嵌入google地图

Google 地图自定义设置面板,在这里设置高宽就可以,然后把 HTML 代码直接添加到网站需要显示地图的地方就 OK 。
代码中的 frameborder=」0″ 为边框厚度,单位为 px;scrolling=」no」 表示不显示滚动条,填 「yes」 或 「auto」,即表示显示滚动条或自动; marginheight=」0″ 定义了框架上下边界的宽度,单位为 px,缺省值由浏览器决定;marginwidth=」0″定义了框架左右边界的宽度,单位为 px,缺省值由浏览器决定。

WordPress中嵌入google地图

很简单、方便的将 google 地图嵌入到 WordPress 网站中,效果很不错。