如何在网页中添加百度地图

现在大多数网站都会在联系地址页面插入地图，鉴于目前谷歌网址不能打开的原因，因此百度地图应该成为网站开发者的首选。

楼主因为要搞这个小东西，所以顺便发一篇博客分享，其实网上资料很多，楼主也是参考了网上达人资料，主要目的是为了方便以后自己查看啦！

首先，打开百度地图生成器网址：http://dev.baidu.com/wiki/static/map/API/tool/creatMap/

点击地图快速生成器，进入选择编辑页面，这里有三步：

第一步是定位中心点，意思就是选择你想要设置的大体位置。

第二步是设置地图的一些按钮功能，界面如下：

第三步是设置精确位置，并写上备注：

点击保存，然后点击获取代码，将这些代码稍微做一些处理，贴到你的网页中去，就可以实现你想要的功能了！

如何在网页中添加百度地图

时间： 2024-10-17 10:39:35

如何在网页中添加百度地图的相关文章

在网页中插入百度地图(实例)

步骤 1 2 3 如何在网页中插入百度地图呢? 2.切换城市,搜索需标注位置.(如下图 方法/步骤 1.进入:http://api.map.baidu.com/lbsapi/creatmap/(创建地图-百度地图API所见即所得工具,百度官方地址,大家放心使用) 切换城市,搜索需标注位置.(如下图:) 设置地图:大家可以对网站显示地图的宽高进行设置,其余选项不动. 添加标注:点击第一个图标后,在右侧找到自己的位置,单击鼠标左键可定位.标记图标处可更换图标形状,名称和备注填入位置相关信息.(如下图

在网页中加入百度地图

一.打开的图生成器 http://api.map.baidu.com/lbsapi/creatmap/ 二.创建地图 1.定位中心点,默认为北京,点击切换,输入公司的具体所在城市和具体地址.这个时候,地图会切换到该地点范围内. 2.设置地图,这一点基本上不用管,只用适当的设置下宽度和高度即可. 3.添加标注,其实网站建设者未必知道该企业的准确位置,往往不知道该标在哪.这时候,我们可以打开http://map.baidu.com/ ,查询到详细坐标,标注上去.这个标记图标是可以换的,根据自己喜欢来

第151天：网页中插入百度地图方法（不需要密钥）

今天分享一个在网页中插入百度地图的方法,不需要密钥哦,前两天,我试了好多次百度开发平台上使用百度地图的方法,都需要申请密钥,申请了,还是用不了,后来,终于发现了一个不需要密钥的方法,希望对需要的朋友有帮助! 1.打开百度地图生成器链接:http://api.map.baidu.com/lbsapi/creatmap/ 2.在左侧填写位置信息 3.设置地图宽高 4.给位置添加标注信息,可以修改标注图标,完成后点击保存 5.获取代码 将代码保存到文件里,可以命名map.html,在页面中引用时,注意

如何在网页中调用百度地图api

我想在木有提供地图接口的年代,前端工程师门要么只写上企业的具体地址,要么就是用一张标有自己位置的地图图片.但是现在不一样啦!为了增强用户体验,谷歌,甚至百度都很开放了,你可以在他们的网站上找到地图接口,通过进行直接的调用就可以了. 下面我来教你怎么在网页中用好百度地图,当然了,你也可以去百度地图网站去查找相关的技术资料. 首先你需要进入到百度地图官网http://developer.baidu.com/map/ .因为我们是用的脚本进行加载的,所以我们要选择上图中的第一个"javascript 

在网站中添加百度地图

怎样在网站中引用百度地图? 1.在html中添加一个div,添加一些样式. <div id="divMap" style="width:50%;height:300px;border:1px solid gray;"></div> 2.在head中添加对百度地图的引用. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.

在自己的网页中嵌入百度地图

最近项目需要在网页中嵌入地图,于是在这里记录下网页嵌入百度地图和使用百度地图api自定义地图的步骤,需要的朋友也可以参考下 首先进入http://api.map.baidu.com/lbsapi/creatmap/,搜索自己想要显示的经纬度,即为定义的中心点坐标 其余的在代码中有注释,可以根据自己需要进行更改 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Conte

在网页中插入百度地图

第一步:进入百度创建地图的网站http://api.map.baidu.com/lbsapi/creatmap/,搜索出自己要展示的位置,如下图所示. 第二步:设置地图,大家可以对网站显示地图的宽高进行设置,其余选项不动. 第三步:添加标注.点击第一个图标后,在右侧找到自己的位置,单击鼠标左键可定位.标记图标处可更换图标形状,名称和备注填入位置相关信息. 第四步:获取代码.将代码贴到你的网页里 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra

在网页中插入百度地图 (文章相关本内容出自百度地图 | API)

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

第150天：网页中插入百度地图方法

在现在的很多页面中,都运用到了百度地图来定位,例如: 像这样的地图,我们可以通过手动来进行放大.缩小.移动等来查找具体的地址,特别方便,在页面上引用也显得页面很有特点,那么,应该怎么样来制作这种地图呢? 一.获取源代码 网址:http://api.map.baidu.com/lbsapi/createmap/index.html?qq-pf-to=pcqq.c2c 1.打开网址,就可以看到一个地图编辑界面: 2.在页面右侧设置地点等信息: 1)设置地点 2)设置地图上的基本信息 3)在地图上添加