Как остановить мерцание маркеров на событиях mouseover и onmouseout в реагировать на google-карты?

Question

Я использую React.js и response-google-maps для реализации этого.Я пытаюсь отобразить InfoWindow при наведении курсора на любой маркер и скрытии, когда мышь покидает маркер.Вот ссылка на код.(https://codesandbox.io/s/loving-microservice-88oop)

Answer 1

Я решил это с помощью опции pixelOffset, доступной в качестве реквизита.В другом ответе он использовал lat в качестве смещения, но когда мы увеличиваем масштаб, он больше не сохраняется в этой позиции.

Answer 2

Это довольно просто на самом деле. Давайте пройдем через это вместе.

1. Вы наводите элемент
2. Элемент становится видимым, теперь вы наводите курсор мыши на элемент
3. Поскольку теперь вы больше не наводите маркер (теперь вы фактически наводите всплывающее окно), всплывающее окно скрыто.
4. Теперь, когда всплывающее окно скрыто, вы в основном начинаете с 1) снова

Как это предотвратить:

Вариант 1: измените ваше наведение так, чтобы оно также применялось к всплывающему окну, а не только к маркеру

Вариант 2: изменить положение маркеров. Вы можете сделать это, изменив эту строку (строка 36 в вашем примере):

position={{
            lat: selectedPark.geometry.coordinates[1] + 0.0500,
            lng: selectedPark.geometry.coordinates[0]
          }}