html页面引入百度地图API

地址：http://api.map.baidu.com/lbsapi/creatmap/index.html

 

打开上面百度地图编辑：

1、定位中心点

2、  设置地图

3、  添加标注

 编辑完之后点击获取代码，将代码拷贝并放到自己的项目中，取名为map.html。

 

自定义地图大小，修改其中id为dituContent的样式（width和height大小）：

<div style="width:1920px;height:1080px;border:#ccc solid 1px;"id="dituContent"></div>

在需要地图展示的页面引入map.html：使用iframe标签

<iframe class="map" src="map.html" frameborder="0" scrolling="no">

                    

</iframe>

OK，大功告成！