百度地图api之固定标记点(标记点自己设置样式)

一.首先引入所申请的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);