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/

小问题，这个解决方案是“你好世界”图标的那个箭头应放置在中间图标，而是移动到左侧，就像现在一样。

这样你松散'扩大'的影响。