Question

如何设置谷歌地图v3 InfoWindow的风格，以达到与maps.google.com相同的风格？

Answer 1

矩形InfoWindows现在是Maps API 3.7（当前每晚版本）以来的默认样式。

Answer 2

API不提供InfoWindow对象的强大样式（如果确实如此，则没有记录）。您可以在http://code.google.com/apis/maps/documentation/javascript/reference.html#InfoWindowOptions查看可用的选项。正如你所看到的，现在，没有任何东西可用于圆角和非圆角等等。

所以，很遗憾地说，至少在目前这种情况看起来好像你在搞乱样式表。

Answer 3

实际上这是我第一次看到这个。我相信谷歌的新设计更新，他们肯定会更新Api窗口。与此同时，我会使用： Google Maps: How to create a custom InfoWindow?

Answer 4

你可以深入Css然后为infoWindow选择负责任的矩形并设置样式;

#map_canvas div div div div div div div:nth-of-type(12) {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; }

Answer 5

使用api的3.7+版本（他们在3.6之后删除了圆角）

maps.google.com上的现代矩形InfoWindow

5 个答案: