değiştirme google haritaları işaretleyici

Question

Hey her ürün = "sayı"

Ben göre düğmelerden birinin tıklama işaretleyici simgesini değiştirmek mümkün istiyorum kendi veri-konuma sahiptir ürünü döngü var onun yerine.

<button class="btn" data-location="80"></button> 
<button class="btn" data-location="81"></button> 
<button class="btn" data-location="82"></button> 

böylece veri location = "80" ile bu işaretleyici yeşil olur ya da burada

tıklama

görüntüyü değiştirir benim addMarker fonksiyonudur

function addMarker(location) { 
    location.Position = { 
     lat: parseFloat(location.mapURL.split(',')[0]), 
     lng: parseFloat(location.mapURL.split(',')[1]) 
    }; 

    location.Marker = new google.maps.Marker({ 
     icon: 'images/map-marker-blue-2.png', 
     map: map, 
     position: location.Position, 
     title: location.name, 
    }); 
} 

Daha fazla bilgi gerekiyorsa bana bildirin

Answer 1

Sen setIcon ile yapabileceğiniz

marker.setIcon('newImage.png'); 

Ardından işaretleyici id bir ref ile düğmeyi tıklamak bir işlev kullanabilirsiniz

var markers ; 
function addMarker(location) { 
    location.Position = { 
    lat: parseFloat(location.mapURL.split(',')[0]), 
    lng: parseFloat(location.mapURL.split(',')[1]) 
}; 

location.Marker = new google.maps.Marker({ 
    icon: 'images/map-marker-blue-2.png', 
    map: map, 
    position: location.Position, 
    title: location.name, 
}); 
markers.push[location.Marker]; 

}

Oluşturduğunuz işaretleyici ile doldurulan belirteçlerin bir dizi kullanmalısınız

<button class="btn" data-location="80" onclick="changeMarker(80);"></button> 

function changeMarker(id){ 
    markers[id].setIcon('newImage.png'); 
}