google map api v3：我可以使用div而不是图像来创建自定义图标吗？

Question

google map api v3：我可以使用div而不是图片来创建自定义图标吗？

我希望能够悬停标记并更改图标，如果我可以使用淡入淡出fx的话，那么我是如何设置div而不是像默认情况下的图像一样？

Answer 1

是的，您可以使用自定义叠加层代替标记：

http://code.google.com/apis/maps/documentation/javascript/overlays.html#CustomOverlays

Answer 2

首先，我给出了演示用途website。

对于这个问题，我发现有几个类似的问题我已经回答过，例如：

（以下是关于理论的）

HTML/CSS Markers using Google Maps Javascript API v3

（以下是有关实施的内容）

How to create custom marker for google map

在第一个答案时，我已经详细了解了为什么应该通过扩展overlayView类来实现自定义图标和标记。 在第二个答案，我已经发布了如何编写HTML / CSS来指定一个自定义图标/标记的外观。当然，您也可以编写事件处理程序来将JS逻辑添加到您的图标/标记中。

在堆栈溢出时，我发现了几个有趣的点。当我发现类似的问题时，我无法使用我以前的答案回答这个问题。 一位内容经理甚至删除了我的答案，虽然我在这里回答的问题正是问题。

最后，如果您需要了解如何扩展overlayView课程以实现一个标记，请参阅此source code（从下面的评论//====custom-marker management starts开始）

谢谢。