如何在网站添加百度地图?

这次,小编来说说,“如何在网站添加百度地图?” 的这个话题。

如何在网站添加百度地图?
如何在网站添加百度地图?

一般来说,对于很多网站的来说,联系我们这一栏都有,但是只会写公司名称和公司电话,公司地址之类,如果在网站的联系我们这一栏中,加上一个百度地图,这样的效果是不是更好,用户看着也方便,那么如何在做网站过程中,插入一个百度地图呢?快来跟着下面的步骤给自己的网站添加百度地图吧。

方法/步骤

1、打开“百度地图生成器”的网址:http://api.map.baidu.com/lbsapi/creatmap/

如下图:

如何在网站添加百度地图?
如何在网站添加百度地图?

2、在 “定位中心点”中,切换城市,并查找具体位置,如下图:

如何在网站添加百度地图?
如何在网站添加百度地图?

3、在“设置地图”中,可以按照自己的喜好修改地图的外观:

如何在网站添加百度地图?
如何在网站添加百度地图?

一般就把宽度和高度设置成600和300   其它设置都默认就行。

4、在“添加标注”中,可以添加自己想要标注的位置和信息,如下图:

如何在网站添加百度地图?
如何在网站添加百度地图?

5、点击“获取代码”按钮,就会弹出地图代码,如下图:

如何在网站添加百度地图?
如何在网站添加百度地图?

6、把代码保存为html文件(我这里保存为map.html),我们打开网站的页面,使用iframe标签插入地图。如:

<iframe src=”map.html” width=”600″ height=”300″ frameborder=”0″ scrolling=”no”></iframe> 即可。

最终效果如下:

如何在网站添加百度地图?
如何在网站添加百度地图?

 

原创文章,作者:SONIC SEO,如若转载,请注明出处:https://www.seo388.com/baiduditu/

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2020年9月3日 04:45
下一篇 2020年9月3日 05:06

相关推荐

  • 域名被墙是啥?如何查看域名是否被墙了?

    SEOer或者站长们建站,那必须要买域名。购买域名的话,还是有注意事项需要注意的,否则可能会一不小心买到的“新域名”,很可能已经是被墙了的,或者是被哪个大空间大公司(腾讯,金山,360)屏蔽了的。所以咱们站长应该在购买域名前,先做好相应的准备,可以先查询域名是否被墙,域名的建站记录是否有违规的历史记录等等。 那么,什么是域名被墙?怎么查看域名是否被墙?在使用…

    2019年9月27日
    01.5K
  • 什么是VPS?关于VPS、云服务器、虚拟主机的区别

    这次小编来给大家科普一下 “什么是云服务器、虚拟主机、VPS?” 还在为什么是云服务器、虚拟主机、VPS而困惑吗?下面,由小编为大家讲解一下: 1)独立服务器,一个躺在机房的实实在在的物理服务器,也可理解为你的游戏主机一样。优点:性能高缺点:价格高,高可用性低(比如断电,硬盘坏了……) 2)Virtual Private Server…

    2019年9月16日
    01.0K
  • WordPress在线表单制作步骤教程

    原来wordpress做在线表单那么简单的,下载Contact Form 7插件,启用,插入短代码,表单完成。 如下图所示:    

    2020年2月23日 免费建站教程
    01.6K
  • 2020年解决升级WordPress 时提示“另一更新正在进行”

    2020年5月7日,小编搭建了好多个网站呢。其中有号一些提醒 “有新的WordPress版本可供升级。 您可以自动升级到WordPress 5.4.1–zh_CN”。又到了wordpress需要更新的时候了。现在有些方法已经不好使了。希望这次小编能帮助到需要升级wordpress版本的小伙伴们。有时候可能是wordpress服务器的问题哦。但是咱们不升级wo…

    2020年5月7日
    01.2K
  • 关于比较常用的织梦调用标签详解

    这次,小编来给大家说说,关于 “关于比较常用的织梦调用标签详解” 的这个话题。 小编接着给大家分享织梦文章的调用标签,让你知道怎么调用某个栏目的文章,调用多少篇,是按发布时间去调用,还是随机调用等等,随便以一个相关推荐代码作为例子,分享如下: {dede:likearticle row=’10’ titlelen=’24’ } [field:title /]…

    2019年7月3日
    0666
  • 升级WordPress提示”另一更新正在进行”的解决方法

    最近我的强迫症老毛病又犯了,竟然又忍不住直接在WordPress后台点击现在更新到WordPress 4.6.1,没有想到那么小概率的事情都被我遇到了,在升级WordPress的时候,竟然直接给我一个提示说“另一更新正在进行”,反复点击几次都是这个错误提示,最后只能求助万能的度娘了。 前因: 在之前,同样是直接在后台点击升级到WordPress 4.6.1,…

    2019年8月3日
    11.5K
  • 关于wordpress的php.ini修改,修改系统文件的限制

    很简答地把wordpress安装完了,然后wordpress的主题也安装完了,稍微有点逼格的主题都会有System Status系统状态提示,里面的红绿参数和php.ini文件一直困扰着很多人,今天小编就教大家如何突破这些参数限制。   首先,System Status系统状态里的红绿参数指的是wp主题对wordpress和主机空间的配置要求。 红…

    2018年8月24日 免费建站教程
    02.7K
  • 不死域名与已备案域名购买平台推荐

    不死域名与已备案域名购买平台推荐,首选怀米网。怀米网的不死域名一般是链接阿里云服务商的,买了之后感觉不错,小编一买就买了10几个不死域名,不死域名1个10几元到上百元不等,也不贵。备案域名就一般会贵一些,个人已备案域名大概100元左右,企业备案域名一般268元到380元左右吧。不死域名+已备案的域名,两个条件同时存在的也是有的,也是大概268元到380元左右…

    2019年10月1日
    01.4K
  • 织梦dede后台登陆后一片空白的解决办法汇总

    织梦dede后台登陆后一片空白的解决办法汇总   dede后台登陆后一片空白的第 1 种解决办法: 找到:include/common.inc.php文件,打开,查找程序代码://error_reporting(E_ALL);error_reporting(E_ALL || ~E_NOTICE);替换为:error_reporting(E_ALL)…

    2019年9月2日
    01.2K
  • 关于WordPress固定链接,伪静态设置教程分享

    WordPress默认链接是参数的形式,也就是常说的动态链接,这种链接对于SEO来说并不是很友好,所以一般我们都会对WordPress的固定链接格式进行修改,设置成伪静态。伪静态与静态的区别就是链接看起来是和静态页面链接一样,但是其实页面还是程序动态生成的。   伪静态是需要服务器支持的,比如mod_rewrite模块、伪静态规则的配置,具体可以咨…

    2019年3月20日
    11.5K
  • WordPress博客网站访问速度的优化方案

    这是小编的一个小徒弟做的一个小测试。他做的是 “Wordpress博客网站访问速度的优化方案 ”。希望能帮助用wordpress框架源码建站的小伙伴们。 如何提升Wordpress网站打开速度,让WP博客程序实现速度秒开,经过研究实践终于突破了速度这一难题。 要提升Wordpress速度需要结合多方面来进行操作,可针对以下几个方面对速度进行优化来让用户获得更…

    2020年9月3日 免费建站教程
    01.1K
  • Linux云服务器Centos挂载硬盘分区教程

    大家好,好久没有发布网站搭建和服务器运维教程了,这几天作者在折腾一台Linux服务器,为了运行网站和稳定性,挂载数据上做了一些研究,下面分享一下如何为网站挂载个数据分区。 情景:作者有一个CentOS 7.2,64位的服务器系统。 存储盘:40G系统盘和240G数据盘; 目的:把240数据盘做为WEB建站环境的数据存放之用,系统跑环境,存储放数据。 &nbs…

    2019年3月14日 免费建站教程
    01.3K