谷歌地图API v3如何删除infowindow矩形下的箭头?

时间:2013-03-20 11:06:01

标签: javascript api google-maps

是否可以删除infowindow矩形下的箭头?

enter image description here

我真的认为不需要在这里包含它,我只想在没有箭头的情况下将矩形放在标记的顶部。

可能的?

1 个答案:

答案 0 :(得分:3)

虽然漫长的啰嗦,但这是可能的。

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';
    }
});

在代码中设置锚点和钩子,然后你可以用它来设置一些infowindow的样式,但更重要的是,最后一个部分(循环)将摆脱箭头部分。

它依赖于包含div'iw_content'的信息窗口,因此它知道从哪里开始。显然你可以改变它,但这可能需要与父数字略有不同。你应该可以从中解决这个问题。