百度地图－修改marker图标(icon)

109 阅读 0 评论 72 点赞

我是靠谱客的博主优雅音响，这篇文章主要介绍百度地图－修改marker图标(icon)，现在分享给大家，希望可以做个参考。

学习了：https://blog.csdn.net/clh604/article/details/9412291/

源码膜拜：

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
var map = new BMap.Map("map"); // 创建地图实例

var point = new BMap.Point(116.404, 39.915); // 创建点坐标

map.centerAndZoom(point, 15); // 初始化地图，设置中心点坐标和地图级别


map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.setDefaultCursor("crosshair");
map.addEventListener("click", function(e){
//点击事件

if(!e.overlay){
var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {
offset: new BMap.Size(10, 25), // 指定定位位置

imageOffset: new BMap.Size(0, 0 - 10 * 25) // 设置图片偏移


});
var marker=new BMap.Marker(e.point,{icon:myIcon});
map.removeOverlay(preMarker);
map.addOverlay(marker);
preMarker=marker;
}
});