Сделать так, чтобы информационное окно появлялось при наведении курсора, но не исчезало при наведении на информационное окно

Question

Можно ли заставить информационное окно появляться при наведении курсора на маркер, но можно ли на него наводить курсор и нажимать на него? Моя проблема в том, что как только я наведу курсор мыши на маркер, информационное окно исчезнет, ​​и ссылку внутри него нельзя будет щелкнуть. Как я могу настроить это так, чтобы при наведении на маркер и информационное окно оно оставалось на экране?

Вот код, который отображает и скрывает информационное окно.

  marker.addListener('mouseover', function() {
    infowindow.open(map, marker);
  });

  marker.addListener('mouseout', function() {
    infowindow.close(map, marker);
  });

Вот пример того, что я объясняю ..

https://jsfiddle.net/v8ghoqLr/

Answer 1

Вы должны оставить mouseout неопределенным на marker.addListener и сделать mouseout, определенный как onclick, чтобы вы могли парить, и он появится, и модальное окно будет интерактивным, пока они не щелкнут по телу страницы. или снова на маркере.

Это должно выглядеть примерно так:

  marker.addListener('mouseover', function() {
    infowindow.open(map, marker);
  });
  
  marker.addListener('onclick', function() {
    infowindow.close(map, marker);
 });
 
 body.addListener('onclick', function() {
  infowindow.close(map, marker);
 }