百度地图的覆盖物自定义（一）--标注物的自定义

百度地图的覆盖物自定义（一）--标注物的自定义

导师接了一个外包，需要结合百度地图，但除了调用一个百度地图的架构，其他都是要实现自定义，这一段子时间真是被这破地图折腾的死去活来，但经过几天的奋斗，终于实现客户的各种自定义需求。因为网上资料完整版太少了，开始我是一边一边看百度地图的api文档以及demo和各种网上查找，但还是没能实现需求，最终最能去文档中查看一个个涉及到的类中的各种方法，真是心疼自己。功夫不负有心，特此记录一下，也方便后面的人遇到同样的问题减少一下查阅量，程序猿是个辛苦的职业。

这篇文章就是主要讲标注物的自定义

//标注，全局变量
myIcon = new BMap.Icon("img/bus_unselect.png", new BMap.Size(100, 100), {
// 指定定位位置。
// 当标注显示在地图上时，其所指向的地理位置距离图标左上
// 角各偏移10像素和25像素。您可以看到在本例中该位置即是
// 图标中央下端的尖角位置。
anchor: new BMap.Size(0, 0),
// 设置图片偏移。
// 当您需要从一幅较大的图片中截取某部分作为标注图标时，您
// 需要指定大图的偏移位置，此做法与css sprites技术类似。
// imageOffset: new BMap.Size(0, 0 - 1 * 25) // 设置图片偏移
});

var point=new BMap.Point(111.54525,45.578);
var marker = addMarker(point, myIcon);
map.addOverlay(marker); // 添加标注BusUnclickedOverlay
//自定义添加函数，创建标注
function addMarker(point, myIcon) {
var marker = new BMap.Marker(point, {
icon: myIcon
});
return marker;
}