Question

我有form where you can enter a location，（如果Google可以找到）在地图上显示为标记。基本上我有一张谷歌地图，表格中嵌有标记;地图周围有输入字段。

当您通过表单字段选项卡时，在某个点上会聚焦地图中的元素。可聚焦元素之一是标记图像上使用的area中的map。在Chrome 22和Firefox 15上，我看不到区域的任何默认焦点样式。这让我恼火，所以我试着添加一些造型。即使没有:focus，这也不是：

area { outline: 2px solid red; }

有没有办法设计有针对性的Google地图标记？

编辑：由于样式区域不起作用，我试图查看是否可以将焦点事件侦听器绑定到这些区域。 Google Api中的markers没有焦点事件。所以，这是一个死胡同。

当您尝试在区域上添加侦听器（不使用Google Api）时，您将遇到标记未同步放置且Google Api中没有可用回调的问题。

您可以设置setInterval以将焦点侦听器添加到新区域，但我不太喜欢该解决方案。

有没有人有其他想法？

Answer 1

现在我想说：没有。

Google API中没有CSS支持且不支持更改焦点上的标记图标（因为标记没有焦点事件）。

Answer 2

地图生活在iframe中，所以我认为不会受到外部CSS的影响。