0
オリジナル-markerIcon =リーフレット/画像/マーカーアイコン2x.png 電流markerIcon =リーフレット/画像/マップ-marker.png変更マーカーアイコン
私は多くのマーカーを持っていると私はしたいです現在のクリックされたマーカーのマーカーアイコンを変更します。別のマーカーをもう一度クリックすると、すべてのマーカーアイコンを元のマーカーに、現在のマーカーを現在のアイコンに変更します。
また、各マーカーにはラベルが付けられています。 現在のアイコンをクリックすると、そのマーカーのラベルも変更するか、ラベルを削除したいと思います。
どうすればこの問題を解決できますか?
EDIT-1
L.Icon.Change = L.Icon.Default.extend({
options: {
iconUrl: 'leaflet/images/map-marker.png',
iconSize: new L.Point(150, 75),
}
});
var changeIcon = new L.Icon.Change();
L.Icon.Original = L.Icon.Default.extend({
options: {
iconUrl: 'leaflet/images/marker-icon-2x.png',
iconSize: new L.Point(45, 81),
}
});
var originalIcon = new L.Icon.Original();
marker.on('click',function(e){
for(var i = 0 ; i < $scope.markers.length ; i++){
$scope.markers[i].setIcon(originalIcon);
}
})
// marker click event to show the center pano
$scope.markers[index].on('click',function(e){
$scope.markers[index].setIcon(changeIcon);
});