マウスオーバー時にマーカーアイコンを変更する（GoogleマップV3）

Question

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); 
    }); 

ここでマウスを動かすとアイコンが別の画像に変わります。 ウル助け

Answer 1

使用marker.setIcon()機能に感謝...私はいくつかのヒントといくつかのコードを試してみましたが、何も働きません。 setIcon()機能で画像のパスを使用した以外にも、あなたはまた、あなたが使用したい場合は特に、非常に便利ですgoogle.maps.MarkerImageオブジェクトを、使用することができます

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); 
}); 

注：残りの部分は、あなたのコード内の情報ウィンドウを閉じる/ほぼ開口部と同じですイメージスプライト。

Answer 2

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(); 
});