html 导入 百度地图

获取秘钥

百度地图 秘钥申请(AK)

使用步骤

js导入

<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=你的秘钥"></script>

html标签导入

 <div id="map"></div>

创建地图

// 导入地图
var map = new BMap.Map("map");
var point = new BMap.Point(120.2346428307,30.2756446269);  // 中心坐标
map.centerAndZoom(point, 18);
map.enableScrollWheelZoom(true);
map.enableScrollWheelZoom(); 
map.enableInertialDragging();
map.enableAutoResize();

var mark = new BMap.Marker(point);  // 添加点标注
map.addOverlay(mark);

效果