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

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

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

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

方法/步骤

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

相关推荐

  • 关于phpwind找回密码的办法

    今天,小编在自己的努力下,终于找回密码,进去了phpwind的后台。我来分享一下自己的经验心得。 老版本的phpwind 密码是直接放在sql_config.php文件里面的,直接修改./data/sql_config.php文件内容: $manager=’admin’;            //管理员用户名 $manager_pwd=’21232f297…

    2019年11月4日 免费建站教程
    02.2K
  • php版本升级?php哪个版本好?

    嗯哼,刚开始也不懂php是什么鬼。后来懂了,原来是一种环境语言,服务器和虚拟主机都需要它,必然是需要的。而本人一直以来心中有个疑惑,PHP版本是不是越高越稳定,越高就越好呢?在一般情况下,版本越新越好,就拿wordpress来说在PHP7.0环境下比之前的版本速度提升在3倍左右,3倍,3倍,3倍哦!飞起来了!   目前,PHP最高版本是7.2.x….

    2019年7月14日
    01.3K
  • 不买空间域名都可以搭建自己的博客?

    这次,小编来给大家介绍,如何不买空间域名都可以搭建自己的博客?真的可以的哦,不信?你也来试试哈。 想搭建个人博客又不知道选用服务器,或是考虑费用问题?将博客托管,省时省心,还不用担心被攻击。 一款纯静态的博客-gridea 如果你使用过 Hexo 等工具基于 Github  做个人博客,那么恭喜你,你可以很轻松的上手使用Gridea如果你以前没有使用过,那么…

    2019年11月25日 免费建站教程
    01.5K
  • 简单粗暴易懂,除了WordPress之外,还有谁?!

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

    2019年3月18日
    11.5K
  • 关于wordpress安全、通用的搬家方法

    WordPress搬家,一直以来都没有比较官方、安全的搬家方法。目前网上多见的都是通过phpmyadmin导出数据库,然后在新的服务器上导入数据库,以实现搬家的目的。但是这样做受到很多外在因素的限制,比如说新服务器中的mysql数据库版本不同、新服务器的数据库名不同、用户名密码不同等等,导致某些特殊情况下搬家不成功。有时候发生误操作,还有可能导致网站数据库崩…

    2019年6月13日 免费建站教程
    11.6K
  • WordPress菜单插件安装推荐

    这次,小编来推荐几款WordPress菜单插件给大家。 菜单栏呢,它不仅可以作为浏览内容的导航工具,它还可以用来吸引访问者的注意力。换句话说,仅仅具有导航功能的菜单通常是不够的,可能还需要添加一些插件来使它更加生动。 在本文中,小编选择了2019年WordPress的10个最佳菜单插件。 1)MaxMegaMenu MaxMegaMenu可以自动替换word…

    2019年6月14日 免费建站教程
    01.6K
  • Discuz论坛网站数据库迁移搬家修改配置文件

    关于discuz开源程序做的网站搬家 discuz搬家的话,必然是需要网站页面与数据库两部分的迁移。然后则是需要把网站页面部分连接上新的数据库账号和密码。 而discuz具体数据库变更与迁移如下: 对discuz论坛做了数据库信息变更或者迁移后需要修改下面三个文件的配置信息。 config/config_ucenter.php config/config_g…

    2019年9月14日
    02.0K
  • 2023年,WordPress有哪些流行的优化插件?

    2023年,WordPress有哪些流行的优化插件? WordPress有很多优化插件可供选择,以下是一些流行的优化插件: WP Fastest Cache:这是一个缓存插件,通过从动态WordPress站点创建静态HTML文件来提高网站的速度和性能。 W3 Total Cache:这是另一个缓存插件,通过缓存您的页面和文章、最小化CSS和JavaScrip…

    2023年5月18日
    0398
  • 怎样利用宝塔面板搭建服务器环境与网站?

    我们将在空白的宝塔面板内搭建服务器环境及相关配置 宝塔 首先设置服务器环境,是选择lamp环境还是lnmp环境看个人需求,点击页面中的一键安装就可; 宝塔面板 在左侧会显示待完成任务,系统会自行进行安装; 宝塔软件安装 待完成所有安装即可,然后我们安装一下其他扩展; 点击左软件管理,在右侧找到一下三项Redis、PHP守护、七牛云存储 1.5,进行安装,待完…

    2019年6月10日 免费建站教程
    01.4K
  • 关于WordPress固定链接,伪静态设置教程分享

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

    2019年3月20日
    11.9K
  • 环境搭建 – apache和nginx哪个快?哪个性能高?

    关于建站前的环境搭建,本人是先去购买服务器,然后买的是linux系统的服务器,安装的是centos系统(一般是7的版本,6的版本太低了)。然后用linux面板,输入代码指令安装宝塔系统,如下: yum install -y wget && wget -O install.sh http://download.bt.cn/install/ins…

    2019年8月5日
    02.0K
  • p2p网站icp备案应该如何操作呢?

    这次,小编来给大家介绍一下 “p2p网站icp备案应该如何操作呢?” 现今社会,国内对于网贷平台的管理越来越严格,p2p平台要想正常运营就必须要办理icp备案,那么,p2p网站icp备案怎么操作? 根据银监会办公厅发布的备案指引,已开展业务的网贷机构需要完成有关违规经营行为的对照整改工作后,方可申请办理备案登记。 关于p2p网站备案流程: 购买域名,域名资料…

    2019年10月29日
    01.5K