一.首先引入所申请的ak密钥
<script type="text/javascript" src="http://api.map.baidu.com/api?ak=PlhFWpA02aoURjAOpnWcRGqw7AI8EEyO&v=2.0&services=false"></script>
二.简单样式处理一下
body, html,#map {width: 100%;height: 100%;overflow: hidden;margin:0;}
三.html代码布局
//下面的代码是用来显示地图的
<div id="allmap"></div>
四.js代码如下
// 百度地图API功能
var map = new BMap.Map("allmap");
//设置中心点坐标--固定的位置--7号线大郊亭--金海国际
var point = new BMap.Point(116.498752,39.900157);
//设置地图级别(1-18)
map.centerAndZoom(point,16);
//单独设定图标的样式
var icon = new BMap.Icon('http://wx.58haha.cn/1.png', new BMap.Size(20, 32), {
anchor: new BMap.Size(10, 30)
});
//创建一个图像标注实例。point参数指定了图像标注所在的地理位置
var mkr = new BMap.Marker(new BMap.Point(116.498752,39.900157), {
icon: icon
});
//将覆盖物添加到地图中
map.addOverlay(mkr);
//将地图的中心点更改为给定的点
map.panTo(116.498752,39.900157);