如何在谷歌地图的V3中制作infowindow的圆角？

Question

我目前正在使用Google Map的API V3创建一个包含多个标记的地图。 单击标记会触发InfoWindow的显示，描述后者的详细信息。

我需要知道如何在Google Map的API V2中制作InfoWindow的角落？

Answer 1

infobubble允许您创建自定义信息窗口并按照您的喜好配置它们（非常多）。

Answer 2

您无法自定义现有InfoWindow的css，但您可以将其替换为可自定义的内容。我喜欢InfoBox，因为它与常规InfoWIndow非常相似，但有更多样式选项。 InfoBox实际上是地理编码链接到的同一Google Maps Utility Library的一部分。我建议下载两者，看看哪一个最符合您的需求。

google-maps-utility-library-v3

Answer 3

我已将此代码用作实现此目的的肮脏黑客：

google.maps.event.addListener(this._w, 'domready', function () {
$('#map .bubbleContent')
    .parent().parent().parent().prev()
    .css('borderRadius', 5);
});

此代码使用jQuery（也可以使用width plain JS）。 选择器#map .bubbleContent找到放入infoWindow的HTML-Content的包装div。 #map是我的地图容器，只是为了确保不从地图中选择任何div。

注意！ 当Google更改信息窗口的标记时，此代码可能会中断。