4

我目前正在使用 Google Map 的 API V3 创建具有多个标记的地图。单击标记会触发信息窗口的显示，该信息窗口描述了后者的详细信息。

我需要知道如何像 Google Map 的 API V2 那样使 InfoWindow 的角变成圆形？

4

3 回答 3

1

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

google-maps-utility-library-v3

于 2012-08-17T00:28:31.213 回答
1

我用这段代码作为一个肮脏的黑客来实现这一点：

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 内容的包装 div。#map是我的地图容器，只是为了确保不要从地图中选择任何 div。

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

于 2012-08-17T22:08:24.387 回答
1

infobubble允许您创建自定义信息窗口并（几乎）按照您喜欢的方式配置它们。

于 2012-08-16T15:42:37.687 回答