WordPress

WordPress中嵌入google地图

LensNews

一直想把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网站中,效果很不错。效果可以在联系方式中查看!

(0)
Loading收藏(0)

本文由 远方的雪山 作者:萨龙龙 发表,转载请注明来源!

LensNews

热评文章

发表评论

CAPTCHA
*

评论: 3 条评论,访客:2 条,博主:1 条

  • bert
    bert 发布于:  回复

    主题安装后,发现主页刚开始还显示双排,到下面的就开始显示单排,这个请问如何关闭单排呢?

    • 萨龙龙
      萨龙龙 发布于:  回复

      你怎么发到这来了?分类你是不是设置成奇数个?