Leaflet Marker自定义图片,及Marker覆盖问题的解决

描述:上图是百度地图的功能界面,原来是红色的Marker,当鼠标移到上面时变成了蓝色。

实现:

var Icon = L.Icon.Default.extend({
options:{
iconUrl:"your blue img url"
}
});
var myIcon = new Icon();
myMarker.setIcon(myIcon);//改变当前红色Marker的Icon为蓝色

其它问题:

如果两个Marker的坐标完全一样,那么下面的那个Marker将被覆盖,不能被看到。

Marker有个图层的属性zIndex,可以通过myMarker.setZIndexOffset(10000)来设置,

保证当前的marker显示在最上层,不被覆盖。

转载自:https://blog.csdn.net/u013517229/article/details/79311635

You may also like...