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

发布时间：2022/01/11 丨 文章来源：未知 丨 浏览次数：

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

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

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

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

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

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

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

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



?
2.在间需要显示地图的位置放入以下代码：（该代码调用地图）

?
?

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

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

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

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

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

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

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