Html添加百度地图

摘要:
方法/步骤1、打开“百度地图生成器”的网址:http://api.map.baidu.com/lbsapi/creatmap/index.html如下图:2、在“1.定位中心点”中,切换城市,并查找具体位置,如下图:3、在“2.设置地图”中,可以按照自己的喜好修改地图的外观:a、地图的宽和高b、地图上显示的按钮(缩放、缩略图、比例尺)c、鼠标和键盘对地图的操作如下图:4、在“3.添加标注”中,可以

方法/步骤

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

如下图:

Html添加百度地图第1张

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

Html添加百度地图第2张

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

a、地图的宽和高

b、地图上显示的按钮(缩放、缩略图、比例尺)

c、鼠标和键盘对地图的操作

如下图:

Html添加百度地图第3张

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

Html添加百度地图第4张

5、在“第二步 获取代码”中,点击“获取代码”按钮,就会弹出根据上面的设置生成代码,如下图:

Html添加百度地图第5张

6、把上一步生成的代码保存为html文件(我这里保存为map.html),在浏览器中打开就可以看到自己定义的百度地图了。

如果要把地图添加到现有的网页中,可以使用iframe标签,如:

<iframe src="http://xxxx.com/map.html"     frameborder="0" scrolling="no"></iframe>

免责声明:文章转载自《Html添加百度地图》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇桌面图标选择框变大推荐开源的日程管理软件---Vcalendar下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

5种方法去掉HTML中Inline-Block元素之间的空白

园子开通有2个月了,一直没有下来写文,这两个月来我经历了多个项目的摧残以及……………… 好吧~我承认是我自己懒。 作为园子的第一篇文章怎么也要上点干货,就算不是干货怎么也得放点有用的东西。不过,考虑到鄙人那点有限的水平,也淘不出什么干货来。于是我就找到了当年收藏的一篇文章,添加了一些自己的理解后发了出来,希望能给大家有借鉴的地方。 下面进入正题: disp...

前后端项目对接流程梳理

  课程目标 掌握一个电商网站从设计到上线的整个过程所涉及的流程 具备独立开发一个前端项目的能力 架构设计 前后端完全分离 分层架构 模块化 技术选型 HTMl CSS JS jQery 辅助工具 Webpack NodeJs NPM Shell 效率工具 Sublime Chrome Charles Git 课程安排 //基础框架的搭建 双平台的...

百度ueditor编辑器直接粘贴图片实现

很多时候我们用一些管理系统的时候,发布新闻、公告等文字类信息时,希望能很快的将word里面的内容直接粘贴到富文本编辑器里面,然后发布出来。减少排版复杂的工作量。 下面是借用百度doc 来快速实现这个word 粘贴到 富文本编辑器里面方法一: 工具/原料 百度doc任意富文本编辑器,以UEDdito为例 方法/步骤 登录,http://word.baidu....

HTML参考 :TBODY元素 详解

TBODY 元素内包含的有效标签有:TD TH TR TBODY 元素会为全部表格自动定义,就算表格没有显式定义 TBODY 元素。 table 对象及其相关的元素有独立的表格对象模型,这与常规对象模型所采用的方法有很大不同。 此元素在 Microsoft? Internet Explorer 3.0 的 HTML 中可用,在 Internet Expl...

译文:前端性能的重要性 The Importance of Frontend Performance

欢迎訪问我的主页。最新的文章我会首先公布在个人主页上: http://blog.guaidm.com/shocky/ 原书下载地址:http://pan.baidu.com/s/1pJocRwB        在我的web开发生涯里,大部分时候我都是作为一个后台project师。这样一来,我投入了非常多的精力去研究、练习怎样通过后台优化来提升项目产品...

JS实现搜索模糊匹配

  Js代码 <script type="text/javascript"> var websites = [["1231","账上1","1342333111"],["1232","账上2","452354234234"],["1233","账上3","33333344444"],["1234","账上4","55555555"]...