タイルレイヤの変更に基づくマーカーアイコンの変更 - リーフレット

Question

リーフレットの新機能です。タイルレイヤーの変更に基づいてマーカーアイコンを変更する方法を知りたいと思います。

たとえば：基本レイヤーに位置アイコンがあり、これをタイルレイヤーとして衛星を選択するときにバスアイコンとして変更したい場合。

Answer 1

最良の方法は、あなたのアイコンを定義し、イベントを設定するときにレイヤの変更：

var icon1 = L.icon({ 
    iconUrl: 'marker.png', 
    iconSize:  [38, 95], 
}); 
var icon2 = L.icon({ 
    iconUrl: 'bus.png', 
    iconSize:  [38, 95], 
}); 

var marker = L.marker([51.5, -0.09], {icon: icon1}).addTo(map); 

map.on('baselayerchange', function(e) { 
    if(e.layer.name == "whatyouwant"){ 
     marker.setIcon(icon1); 
    }else{ 
     marker.setIcon(icon2); 
    } 
});