javascript - 更改标记位置 + 替换关闭按钮

Question

请检查此屏幕截图以完全了解问题：

我的第一个问题是：我怎样才能将InfoWindow下部靠近销钉本身？我尝试使用 css、javascript 等，但似乎找不到“非 hacky”的方式。

我的第二个问题是：有没有办法关闭InfoWindow我的自定义InfoWindow？我知道我可以做 infoWindow.close() 但我认为我没有InfoWindow来自事件的实例jquery（这是正常的InfoWindow，但其中包含自定义 html）。

非常欢迎任何帮助:)

感谢，并有一个愉快的一天！

Answer 1

从API 开始pixelOffset：

信息窗口的尖端与地图上定位信息窗口的地理坐标点的偏移量（以像素为单位）

对于第二个问题，您不想使用 jQuery 事件打开信息窗口，而是可以使用contentoptions 的属性来设置自定义 html，然后执行以下操作：

var myInfoWindow = new google.maps.InfoWindow({ content: 'customHTML',
                                                //some mode options
                                              })

google.maps.event.addListener(marker, 'click', function (event) {
    if (myInfoWindow) {
         myInfoWindow.close()
         myInfoWindow.setPosition(event.latLng);
         myInfoWindow.open(map, marker);
    }

 })