Javascript Gmaps.js-如何添加'；指针'；覆盖并使其可点击？

我使用GMaps.js在一张地图上显示多个覆盖图（类似于AirBNB的地图）。我对Javascript和GMaps API非常陌生，因此在以下两个问题上遇到困难：

我可以定义自定义样式的覆盖，但当它们出现在屏幕上时，它们缺少“指针”（即矩形底部的小三角形位），而只是显示为普通矩形。如何添加这些“三角形”

我想覆盖是可点击的。我看了一下，似乎解决方案是添加Listener，但我看到的所有示例都只有一个标记（不像本例中的多个标记），而且没有一个示例使用GMaps.js。最好的方法是什么

下面是我的代码。非常感谢

<script>
// I've included the Gmaps API and gmaps.js here
jQuery(function($) {
map = new GMaps({
        div: '#map',
        lat: -23.873209,
        lng: 201.155845,
        zoom: 12,
    });

// the Body contains multiple event_location elements which have data-lat and data-lng defined for each event by PHP, which is used below - this part is not a problem
$('.event_location').each(function() {
        map.drawOverlay({
            lat: $(this).attr('data-lat'),
            lng: $(this).attr('data-lng'),
            content: "<div class='map_overlay' style='background-color: blue;'><a href='" + $(this).attr('data-url') + "'>" + $(this).attr('data-subject') + "</a></div>"
        });
    });

});

</script>

//我在这里包括了gmapsapi和Gmaps.js
jQuery（函数（$）{
map=新的gmap({
分区：“#地图”，
lat:-23.873209，
液化天然气：201.155845，
缩放：12，
});
//正文包含多个event_location元素，这些元素具有PHP为每个事件定义的数据lat和数据lng，下面使用这些元素-这部分不是问题
$（'.event_location'）。每个（函数（）{
地图覆盖({
lat:$（this.attr（'data-lat'），
液化天然气：$（this.attr（'data-lng'），
内容：“”
});
});
});

对于#1，您缺少此部分：

<div class='overlay_arrow above'></div>

---

谢谢，是的，这回答了问题#1有一个很好的解决方案