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

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

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

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

方法/步骤

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

相关推荐

  • 关于Discuz!X3.4安装详细图文教程,安装简单

    说明:本文档用于帮助您全新安装完整的 Discuz! X3.4 社区软件 一、下载 Discuz! X3.4 到本地或者服务器上 下载地址:https://gitee.com/3dming/DiscuzL/attach_files 二、解压并上传 Discuz! X3.4 程序到服务器且修改相应目录权限 1、上传 Discuz! X3.4 程序到服务器上解压…

    2019年7月21日 免费建站教程
    11.7K
  • 仿站工具:一键就能下载网页模板

    这次,小编来给大家推荐一下 ”仿站工具“,”仿站工具“:一键就能下载网页模板。好使,方便,实用。 看到人家好看的网站主题模板想要怎么办?自己又不懂代码又不想花钱请人来写怎么办?接下来分享一个自用的“扒站神器”(单页面扒站工具)输入目标网站网址点击两下就可以把想要的模板网页下载下来。 平时自己收藏使用的免费分享给大家。 仿站(扒站)工具介绍 仿站小工具是通过网…

    2019年12月15日 免费建站教程
    02.0K
  • 宝塔面板phpMyAdmin打不开如何解决?

    这次,小编来给大家说说,关于 “宝塔面板phpMyAdmin打不开如何解决?” 第一种常见的情况是:服务器在购买后,888端口没有开放与放行,空间商那边的安全组,把888端口开放就好了,就解决宝塔面板phpMyAdmin打不开的问题了。 如果打开了888端口还是打不开phpMyAdmin的话,那就很可能是第二种情况,环境冲突。 第二种常见的情况是:服务器在购…

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

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

    2019年10月1日
    01.1K
  • 免插件来实现wordpress站点内容敏感关键词替换

    这次,小编来给大家介绍一下“免插件来实现wordpress站点内容敏感关键词替换”。希望对用wordpress框架建站的小伙伴们有所帮助哦。 无论是国内或者国外的主机站点,都无法避免敏感关键词的骚扰。国内由于某种特殊性,是要绝对的禁止出现敏感关键词的,一旦出现情节验证的将面临关站或者法律惩罚。 境外php免备案虚拟主机虽然对敏感关键词没有严厉的管制,但是选择…

    2020年8月4日
    01.0K
  • 服务器入门篇,Web服务器是什么东西?

    新手服务器入门必学,Web服务器是什么意思? 您在使用云服务器 ECS 的时候,可能会遇到各种问题,例如远程连接、更换操作系统、扩容、升降配、使用快照和镜像等。本文介绍了以下资源的最常用操作,方便您参考,包括: 实例、磁盘、快照、自动快照策略、镜像、安全组 服务器基础入门2分钟视频,帮助你了解服务器常用操作。 链接:https://pan.baidu.com…

    2019年3月13日
    1961
  • 关于工信部网站备案流程

    工信部备案系统是什么呢?工信部备案系统有什么作用呢? 实际上,国内云虚拟主机、VPS云服务器建站都是要进行备案的,许多朋友都会直接在工信部备案系统里面备案。 接下来,小编来给大家说说工信部网站备案流程是什么? 1)首先进入电信备案系统网址,并在首页中点击用户注册 2)点击注册后在系统中输入用户所注册的用户名和密码,进入ICP备案信息录入登录,填写真实的用户信…

    2019年10月29日
    01.0K
  • 关于WordPress固定链接,伪静态设置教程分享

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

    2019年3月20日
    11.3K
  • 2020年3月10日阿里云注册与优惠价服务器购买推荐

    2020年3月10日阿里云注册与优惠价服务器购买推荐。 阿里云消费满额可领淘宝红包。3.2-3.31有效消费金额累计满3000元可领淘宝现金红包,仅限报名用户参与。 3月2日-31日有效消费金额累计满3000元,即可获取领取淘宝红包机会! 4月7日满足条件用户可直接来活动页面上领取淘宝红包! 1.到这里注册阿里云账号; https://account.ali…

    2020年3月10日
    0985
  • 免费在线问答插件,使用WordPress建站的朋友,不要错过哦

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

    2019年4月6日 免费建站教程
    11.3K
  • 详细解释开源程序织梦dedecms文件目录

    这次,小编来给大家说说,关于开源程序织梦Dedecms做网站的文件目录。希望对使用织梦做网站的站长小伙伴有所帮助。 本文主要是为了今后对 Dedecms 做二次开发所写。安装后 dedecms 的目录,如下图所示: “a”:默认 HTML 文件存放目录“data”:系统缓存或其它可写入数据存放目录“dede”:默认后台管理目录“images”:系统默认模板图…

    2019年11月24日
    01.0K
  • WordPress升级显示另一更新正在进行解决方法

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

    2019年10月9日 免费建站教程
    01.8K