Google Maps API с React

Question

В настоящее время я работаю над проектом и несколько раз пытался добавить кликабельные маркеры на мою карту. Я пользуюсь библиотекой google-maps-реагировать, однако мне не удалось получить маркер, показывающий информацию и возможность нажать на кнопку в этом информационном окне. Я читал, что Маркер по умолчанию не кликабелен, но есть ли другой способ сделать это? или есть какие-нибудь учебники или код, который объясняет, так что спасибо заранее ...

Answer 1

Вам необходимо использовать .addListener () для маркера и сказать ему, чтобы открыть информационное окно (или любое другое действие, которое вы хотите выполнить при щелчке маркера).

Пример можно найти в документации API Google здесь

  // Add a marker to the map
  const marker = new google.maps.Marker({
    // position of the marker on map
    position: { lat: 53.3, lng: -6.3 }, 
    // the map object you want the marker on
    map: map, 
  });

  // add a listener to the marker which listens for a 'click' 
  // and runs the callback when it 'hears' one
  marker.addListener('click', () => {
    // set the content of the info window. This can be formatted using HTML
    infowindow.setContent('I have been clicked!');
    // tells the infowindow on which map to open and which marker to anchor to
    infowindow.open(map, marker);
  });