wordpress主题建站,选择WEB主题公园中文原创企业网站模板!

WordPress技术博客 news
您现在的位置:首页 > WordPress技术博客 > WordPress主题百度电子地图自助内嵌

本周推荐网站模板

WordPress主题视频教程

最近更新的WordPress主题
最新更新过的网站模板

WordPress主题百度电子地图自助内嵌

发布时间:2014/07/10 WordPress技术博客 wp应用技术 3185 2

WEB主题公园所出品的一些主题,是支持百度电子地图的,但是有的主题是没有内置的,所以如果你的主题没有内置百度电子地图,可以通过下面的方法自己建立一个百度的电子地图在你的页面里面。

首先建立一个页面,命名为联系我们,或者电子地图等  ,自己命名,然后按照下面的方式获取百度代码:

 

1.点击进入:http://api.map.baidu.com/lbsapi/creatmap/index.html

2.输入城市和地址查找到自己的位置

map2 WEB主题公园新版地图生成设置

3.点击添加标注,在地图上标注点,填写好你的公司名称和具体地址,在标注栏目点击保存

map3 WEB主题公园新版地图生成设置

点击获取代码,如下图所示,找到宽度width,改为 width:100%  ;

从下图所示复制代码:

0135850

从<!--百度地图容器--> 这里开始复制

复制到</script>  下面的</html>不要复制了:

0219

复制代码之后,回到你的网站后台,进入后台的页面编辑,切换到文本模式(编辑器右上角):

408

将代码复制进去,再切换回可视化,在地图上再写一些联系的方式。

之前宽度设为了100%,那么在手机上也能够自动兼容宽度,请看复制代码之后的效果:

你还可以使用这种弹出的方式,自动跳转到百度地图:

http://www.themepark.com.cn/rhhdbddtdwzlj.html

 

WordPress原创主题,高端网站模板建站,网站模板建站资源以及开发知识分享,尽在WEB主题公园

如未标明出处,所有文章均为WEB主题公园原创,如需转载,请附上原文地址,感谢您的支持和关注。

============关于WEB主题公园=============

WEB主题公园致力于开发适合中国人习惯的中文WordPress网站模板,并提供全程视频教程,让您能够轻松的使用网站模板建立好自己的网站!

分享WordPress开发,网站维护经验,分享更多有用的WordPress知识

WEB主题公园--做最好的中文原创WordPress主题,网站模版。

  1. 天王盖地虎

    不行,没有显示

    2015年7月22日 22:39 回复
  2. 执念

    怎么没有显示勒

    2014年9月28日 00:33来自QQ 回复