javascript - 谷歌地图 API v3 如何删除信息窗口矩形下的箭头？

Question

是否可以删除信息窗口矩形下的箭头？

我真的不认为需要在这里包含它，我只想在没有箭头的标记顶部居中矩形。

可能的？

Answer 1

尽管冗长，但这是可能的。

this.map.infowindow = new google.maps.InfoWindow({
    content: '<div id="iw_content">' + contentString + '</div>'
});

google.maps.event.addListener(this.map.infowindow, 'domready', function () {
    el = document.getElementById('iw_content').parentNode.parentNode.parentNode;
    el.firstChild.setAttribute('class', 'closeInfoWindow');
    el.firstChild.setAttribute('title', 'Close Info Window');
    el = el.previousElementSibling || el.previousSibling;
    el.setAttribute('class', 'infoWindowBackground');
    for (i = 0; i < 11; i = i + 1) {
        el = el.previousElementSibling || el.previousSibling;
        el.style.display = 'none';
    }
});

这会在代码中设置锚点和挂钩，然后您可以使用它们来设置一些信息窗口的样式，但更重要的是，最后一块（循环）将摆脱箭头块。

它依赖于包含 'iw_content' 的 div 的信息窗口，因此它知道从哪里开始。显然您可以更改它，但这可能需要与父编号略有不同。不过，您应该可以从中解决问题。