我已经使用 Google Maps API v3 很长时间了。我想创建一个可扩展的谷歌地图标记以用于我的地图。我一直在使用类似于下图中的地图标记：-
我想要做的是，当我将鼠标悬停在地图上的这个标记上时，它应该展开并显示标记描述，类似于下图 -
并且标记应该回到第一张图像，即悬停时的正常图像。这样做应该相当简单，但是，我不知道从哪里以及如何开始。任何帮助将不胜感激。
【问题讨论】：
标签： javascript css google-maps google-maps-api-3
您可以在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/
这个解决方案的小问题是“Hello World”图标的箭头应该放在图标的中间，而不是像现在一样向左移动。
这样你就失去了“扩展”效果。
【讨论】：