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

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

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

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

方法/步骤

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

相关推荐

  • 忘记了Linux 3-6版本宝塔面板密码怎么办?

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

    2019年8月4日
    0924
  • 织梦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日
    0919
  • 免费在线问答插件,使用WordPress建站的朋友,不要错过哦

    这款免费的Word Press 在线问答插件,名字叫:DW Question & Answer 免费问答社区插件下载地址:链接: https://pan.baidu.com/s/1WB6nn2VP75kkODfu1XMbSw 提取码: 5gm5    好看吗?你们觉得呢?而我的话,就觉得还不错哦。虽然和收费的有点差距,但是还不错了啦。 最近…

    2019年4月6日 免费建站教程
    11.1K
  • WordPress升级显示另一更新正在进行解决方法

    就在刚刚,在登录小嵘SEO技术博客后台看到WordPress 5.2.3 版本推送出来了,于是果断的开始升级更新,结果我看半天没有反映,于是就刷新了一下,那么问题也就随之而来了。 WordPress 在升级的过程中,如果你刷新页面或者关闭页面会造成WordPress 升级不成功,而当我们再次升级时就可能会遇到这样或者那样的问题。就刚刚小嵘SEO技术博客升级 …

    2019年10月9日 免费建站教程
    01.6K
  • 关于宝塔Linux面板命令大全,需要时可查看

    关于宝塔Linux面板命令大全,需要时可查看。因为现在越来越多人使用宝塔系统来管理服务器了,安装方便,配置环境快捷好用。 安装宝塔 Centos安装脚本 yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && s…

    2019年7月27日
    1939
  • 分享一些轻量级的论坛搭建源码

    这次,小编来给大家 “分享一些轻量级的论坛搭建源码”。希望能帮助大家搭建属于自己的轻量级论坛网站。 如果你想做一个博客,或者论坛,其实装个轻论坛即可。接下来,小编给大家介绍一些轻论坛程序,全套源码都有,大家自己选择。 Flarum http://flarum.org/ Carbon Forum https://www.94cb.com/ Wecenter h…

    2019年11月18日
    01.4K
  • 关于仿站扒站工具

    看到人家好看的网站主题模板想要怎么办?自己又不懂代码又不想花钱请人来写怎么办?接下来分享一个自用的“扒站神器”(单页面扒站工具)输入目标网站网址点击两下就可以把想要的模板网页下载下来。 平时自己收藏使用的免费分享给大家。 仿站(扒站)工具介绍 仿站小工具是通过网址下载静态网页的工具。从输入的网址下载html代码,提取出JS、Css、Image、Picture…

    2019年3月14日 免费建站教程
    01.9K
  • 现在的免备案VPS服务器哪个商家的比较好呢?

    现在的免备案VPS服务器哪个商家的比较好呢?这次,小编就围绕这个话题来给大家推荐一些免备案VPS主机吧,希望对于各位站长或者新手站长有所帮助。 免备案VPS主机哪家最好?免费推荐国外VPS服务器产品。当今服务器厂商鱼龙混杂,网站长很难选择正确且可靠的服务器产品,尤其是免备案服务器如果不懂技巧很容易掉进垃圾服务器的坑。本文为站长们罗列并推荐国内外免备案主机服务…

    2019年12月15日 免费建站教程
    0869
  • 建站工具?推荐WordPress和Dede,两款开源程序

    建站工具?推荐Wordpress和Dede,两款开源程序 WordPress主要是做博客类型的网站,而使用不同的模板可以做出不同的效果,也可以做企业站和商城,后期操作更新维护比较简单。 Dede主要是做企业类型的网站,但是需要改代码的地方比较多,相对于Wordpress是比较复杂那么一些些。 WP   织梦(Dede)

    2019年3月15日
    11.0K
  • 小嵘推荐几款好用的仿站工具

    这次,小嵘来给大家推荐几款好用的仿站工具。希望自己建站的小伙伴们有所帮助哦。 工欲善其事,必先利其器。接下来,小编来给小伙伴们介绍几款仿站工具。 Dreamweaver Dreamweaver是仿站必备的工具,在以前程序员建站必须会网页制作”三剑客”,而现在只需要dw就可把网页仿制下来。(不推荐新手使用) 都客仿站高手(功能强大,但是收费) 都客仿站高手是现…

    2019年8月3日 免费建站教程
    0525
  • 关于wordpress的php.ini修改,修改系统文件的限制

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

    2018年8月24日 免费建站教程
    02.0K
  • 织梦Dede开源系统工具,织梦网站如何进行安全设置

    (为了安全起见,建议先做好全站数据和文件的备份,以下教程是总结经验,本人也是这样设置,并且没有任何问题) 1、修改默认后台名。 打开网站根目录,找到[dede],这个文件夹就是后台的路径,可以随意修改,比如修改为[adminbuy],此时后台登陆的路径为:http://www.*****.com/adminbuy/ 2、删除member文件夹(一共就两个模板…

    2019年7月15日 免费建站教程
    1936