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

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

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

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

方法/步骤

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

相关推荐

  • 在php中php-fpm 的重启与终止操作命令

    这次,小编来给大家说说,关于“在php中php-fpm 的重启与终止操作命令”。希望对大家维护linux服务器的过程中有所帮助哦。 php 中php-fpm 的重启、终止操作命令: service nginx restart service php-fpm restart 查看php-fpm进程数:ps aux | grep -c php-fpm 查看运行内…

    2020年5月7日
    02.0K
  • 解决phpmyadmin报错continue” targeting switch is equivalent to “break”. Did you mean to use “continue 2”?

    建站教程之解决报错问题。 关于phpmyadmin报错continue” targeting switch is equivalent to “break”. Did you mean to use “continue 2”?     错误详细信息 Warning in ./li…

    2019年8月3日
    14.8K
  • 关于解决WordPress升级更新速度慢的问题

    WordPress是常见的网站开源程序,也是一个比较大的开源框架,也广泛在全世界范围内被大家所应用。无论是国内还是欧美地区,用户量都是成千上万的。如果你的 WordPress 搭建在国内服务器上,那你肯定遇到过 WordPress 更新失败的问题。小编在阿里云上实测下载官方安装包速度不过每秒十几 k。那么除了官方繁琐的“三步”升级法(手动覆盖文件)外还有其他…

    2019年8月1日
    12.3K
  • 简单粗暴易懂,除了WordPress之外,还有谁?!

    除了织梦Dede之外还有,Discuzz 和帝国,但是Discuzz和帝国比较适合做论坛类型的网站。 WordPress是使用PHP语言开发的博客平台,属于一款开源程序,简单粗暴,易懂,也不需要修改多少代码,就能建立一个简单的网站了,维护还很简单呢。用户可以在支持PHP和MySQL数据库的服务器上架设属于个人的小网站。此外,用户还可以把 WordPress当…

    2019年3月18日
    11.7K
  • 关于自定义WooCommerce的CSS样式的两种方法

    这次,小编来说说,“关于自定义WooCommerce的CSS样式的两种方法”。如果WooCommerce主题的价格不能隐藏的话,小编用的是把主题文件夹里的css文件夹里的style.css文件打开修改代码,然后把里面的文字代码color改成白色#FFFFF的颜色,在白底下价格和价格符号就变成透明了哦,相当于隐藏了独立站的商品价格和商品价格符号。内页要删除价格…

    2020年6月12日
    03.7K
  • Mysql数据库的备份和还原

    mysql数据库备份还原操作图文流程,网站服务器搬家技巧,做到这几步,让网站搬家不再难。   步骤1,进入数据库管理中心,选中要备份的数据库,点击导出。   步骤2,点击数据库导出,选择自定义,选择所有数据库表。 步骤3,选中数据库表后,点击:执行,就会自己下载保存。 步骤4,已经看到下载后的数据库表文件:文件名.sql格式。 步骤5,接…

    2019年3月14日 免费建站教程
    11.5K
  • 织梦Dedecms忘记密码怎么办?用mysql修改密码

    织梦DEDE忘记密码了怎么办? 方法亲测可用: 1.进去云虚拟主机或者云服务器的控制面板,找到mysql数据库。   2.在mysql数据库里面,找到 dede_admin 这个数据库里面的文件,选择点击,然后修改“pwd”,也就是修改密码。把“pwd”里面的字符串换成  f297a57a5a743894a0e4 (admin = f297a57a…

    2019年6月18日
    11.8K
  • 记1次网站搬家操作步骤

    记1次网站搬家操作步骤: 这次小编来给大家说说,云虚拟主机如何把网站搬家到云服务器。 步骤如下: 1)先从原来的空间商那边,把网站备份好,一份是网站页面文件的备份,另外一份是网站数据库的备份sql文件; 2)下载网站页面备份文件,下载网站数据库备份文件到电脑本地; 3)需要搭建好服务器,小编用的是宝塔面板。 4)举例:小编现在要搬家的网站是 soft999….

    2019年11月5日 免费建站教程
    01.3K
  • 关于博客站WordPress自动推送的插件

    这次,小编来给大家推荐一个插件,希望对大家做wordpress网站的站长有所帮助。这是一款 ”关于博客站WordPress自动推送的插件“。 百度搜索推送管理WP插件-提升博客页面百度收录效率 百度搜索推送管理插件是基于百度站长平台对站长开放的链接提交接口开发的,支持站长通过主动推送,自动推送和sitemap推送三种方式,向百度搜索引擎推送链接,提升百度搜索…

    2019年12月15日
    01.5K
  • VPS的服务器怎样搭建网站呢?

    IIS站点基本设置:1、首先建立一个目录作为网站目录,用于存放网站程序,(注意最好不要把目录创建到C盘)如图: 2、打开IIS,右击网站选项,新建一个网站:出现如图: 点击“下一步”,出现如图,输入站点描述,可以用域名作为描述内容,方便以后对多个站点的清晰化管理: 在网站IP地址里输入您的VPS的IP地址,卓趣科技提醒:网站的主机头建议不要留空,以防止他人的…

    2019年6月10日 免费建站教程
    01.4K
  • 关于网安备案与网安备案注意事项

    其实,“什么是网安备案呢?网安备案注意事项有哪些呢?” 许多刚刚icp备案完成之后的朋友都有这样的疑问,接下来,小编就给大家介绍一下网安备案。 什么是网安备案呢? 公安机关备案号是由公安部门所管的一种备案号,与申请网站ICP备案号所需的资料差不多,但不用空间接入商审核处理,直接在线填写资料即可。 网安备案注意事项有哪些? 1)提交资料后,网站负责人前往分局完…

    2019年10月29日
    01.7K
  • 忘记了Linux 3-6版本宝塔面板密码怎么办?

    进入ssh 输入以下命令重置密码(把命令最后面的   “testpasswd”  替换成你要改的新密码) 注:若是debian/ubuntu用户,请使用有root权限的账户去执行这条命令 cd /www/server/panel && python tools.py panel testpasswd 复制代码 紫框即你要修改的密码红框即面板账…

    2019年8月4日
    01.5K