HTML实现百度地图的效果

1.新建一个index.html文件，将要插入地图的位置留出来。

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

3.在“1.定位中心点”中，切换城市，并查找具体位置。

4.在“2.设置地图”中，可以按照自己的喜好修改地图的外观：

（1）地图的宽和高

（2）地图上显示的按钮（缩放、缩略图、比例尺）

（3）鼠标和键盘对地图的操作

5.在“3.添加标注”中，可以添加自己想要标注的位置和信息。

6.在“第二步 获取代码”中，点击“获取代码”按钮，就会弹出根据上面的设置生成代码。

7.把上一步生成的代码保存为ditu.html文件，上面的详细步骤见：http://jingyan.baidu.com/article/c45ad29cdc5d4f051753e2d2.html。

8.运行ditu.html，根据提示获取API，获取API过程中填写的域名应该为ditu.html，将生成的号码替换ditu.html里面的中文提示部分。

9.将ditu.html文件嵌入index.html里面要插入地图的位置即可使用地图。