Google Maps API v3的可擴展地圖標記覆蓋圖

Question

我一直在使用Google Maps API v3很長一段時間。我想創建一個可擴展的Google地圖標記，以便與我的地圖一起使用。我一直在使用一個類似於下面的圖片中的地圖標記： -

我想要做的是，當我將鼠標懸停在我的地圖這個標誌，就應該擴大和顯示標記的描述，類似於下面的圖片 -

然後標記應該返回到第一個圖像，即當正常圖像時，展開。這應該相當簡單，但是，我不知道在哪裏以及如何開始。任何幫助將非常感激。

Answer 1

您可以在mouseover和mouseout使用marker.setIcon：

google.maps.event.addListener(marker, 'mouseover', function() { 
    marker.setIcon('http://i.stack.imgur.com/t7vAK.png'); 
}); 
google.maps.event.addListener(marker, 'mouseout', function() { 
    marker.setIcon('http://i.stack.imgur.com/TrIat.png'); 
}); 

演示：http://jsfiddle.net/mzu2qte5/2/

小問題，這個解決方案是「你好世界」圖標的那個箭頭應放置在中間圖標，而是移動到左側，就像現在一樣。

這樣你鬆散'擴大'的影響。