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

最新推荐文章于 2025-01-03 14:46:15 发布

凌凌小博客

最新推荐文章于 2025-01-03 14:46:15 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：百度地图的覆盖物自定义

本文链接：https://blog.csdn.net/qq_35923749/article/details/77783905

本文介绍了在百度地图中实现覆盖物自定义的过程，特别是针对标注物的自定义。作者分享了在接到外包项目后，如何克服文档不足的困难，通过深入研究API和类方法，最终成功满足客户自定义需求的经历。希望通过分享，能为其他开发者提供参考，减少类似问题的解决时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

导师接了一个外包，需要结合百度地图，但除了调用一个百度地图的架构，其他都是要实现自定义，这一段子时间真是被这破地图折腾的死去活来，但经过几天的奋斗，终于实现客户的各种自定义需求。因为网上资料完整版太少了，开始我是一边一边看百度地图的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;
}