十年专注于品牌网站建设 十余年专注于网站建设_小程序开发_APP开发,低调、敢创新、有情怀!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

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

百恒网络 2012-11-01 56058

如何在网页中插入百度地图呢?南昌网络公司小虫分享自己的经验:

进入:http://api.map.baidu.com/lbsapi/creatmap/(创建地图-百度地图API所见即所得工具,百度官方地址,大家放心使用)

1.切换城市,搜索需标注位置。(如下图:)

插入百度地图

2.设置地图:大家可以对网站显示地图的宽高进行设置,其余选项不动。

3.添加标注:点击第一个图标后,在右侧找到自己的位置,单击鼠标左键可定位。标记图标处可更换图标形状,名称和备注填入位置相关信息。(如下图:)

百度地图添加标注

4.完成以上3步后,点获取代码。

百度地图获取代码

获取代码如下:(注意:通常我们在网页中只要插入以下代码,小虫标注出来,其余的可不用。)

1.在间插入下面代码:这是样式和JS脚本。



 
2.在间需要显示地图的位置放入以下代码:(该代码调用地图)

 
 


3.以下代码放在页面最底端(其实可放在页面任意位置。)

当然,如果你想偷懒,将以上对应代码全放在间也是没问题的,呵呵。

另外大家也可以通过网站后台添加内容时在编辑器中插入,插入时记得点“源代码”见下图:

百度地图通过编辑器插入

记得在早几年,百度地图标注可以免费开放给大家使用,并能在百度地图搜索时显示标注的位置,后来百度把标注这一功能定位于商业使用。现在都统一用这种API方式来标注,唯一不同的是不能在网络上搜索到所标注的位置了。但小虫认为也挺好用。赞一个。

最近小虫发现百度另一种地图标注方式也挺不错,请查看:百度地图名片功能制作详解

如果你有多个点,希望标注在同一张地图上。那请看下面这篇文章,有惊喜哦。

百度地图多点标注 同时支持多少个标注


400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×