google-maps-api-3 - multiple - move marker google maps




cambiar el ícono del marcador al mouseover(google maps V3) (2)

var image = 'bullets/_st_zzzzzzl SSS.gif';

var bar1 = new google.maps.Marker({
    position: myLatLng, 
    map: map,
    icon: image,
    title: "bar number 1"       
}); 

    google.maps.event.addListener(bar1, 'mouseover', function() {
        infowindow.open(map,bar1);
    });

    google.maps.event.addListener(bar1, 'mouseout', function() {
        infowindow.close(map,bar1);
    });

Ahora cuando estoy mouseover quiero que el ícono cambie a otra imagen que obtuve. Probé algunos consejos y algunos códigos, pero nada funciona ... Apreciar tu ayuda


Use la función marker.setIcon() . El resto es casi lo mismo que abrir / cerrar infowindow en su código:

var icon1 = "imageA.png";
var icon2 = "imageB.png";

var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    icon: icon1,
    title: "some marker"
});

google.maps.event.addListener(marker, 'mouseover', function() {
    marker.setIcon(icon2);
});
google.maps.event.addListener(marker, 'mouseout', function() {
    marker.setIcon(icon1);
});

Tenga en cuenta que además de utilizar rutas de imagen en la función setIcon() , también puede usar los objetos google.maps.MarkerImage , que son muy útiles, especialmente si desea usar sprites de imágenes.


google.maps.event.addListener(marker, 'mouseover', function() {
    infowindow.open(map, this);
});

// assuming you also want to hide the infowindow when user mouses-out
google.maps.event.addListener(marker, 'mouseout', function() {
    infowindow.close();
});




google-maps-api-3