Получить геокод из местоположения, а затем показать местоположение на Google Maps - ReactJS - PullRequest
0 голосов
/ 12 апреля 2020

Я создал форму автозаполнения, которая показывает список фильмов, снятых в Сан-Франциско. Проект размещен на: AWS Если я ищу Рассвет Pl anet Обезьян , он дает список мест, где он был снят.

Я пытаюсь интегрировать это в Google Maps. Но я нахожу это очень запутанным, относительно того, как это осуществить. Так как у меня есть местоположение: насколько мне известно, я должен сначала преобразовать местоположение в геокод, а затем показать геокод на карте Google с маркерами. Пожалуйста, исправьте меня, если этот подход неправильный.

Чтобы преобразовать местоположение в геокод, я использую библиотеку реагировать-геокод. У меня есть этот массив местоположения:

0: {title: "Dawn of the Planet of the Apes", release_year: "2014", locations: "University Club", production_company: "Fox Louisiana Productions, LLC", distributor: "Twentieth Century Fox", …}
1: {title: "Dawn of the Planet of the Apes", release_year: "2014", locations: "Filbert St. from Hyde to Leavenworth", production_company: "Fox Louisiana Productions, LLC", distributor: "Twentieth Century Fox", …}
2: {title: "Dawn of the Planet of the Apes", release_year: "2014", locations: "Columbus & Pacific Ave", production_company: "Fox Louisiana Productions, LLC", distributor: "Twentieth Century Fox", …}

В библиотеке реагировать геокодирование, следующий способ конвертировать местоположение в геокод:

Geocode.fromAddress("Eiffel Tower").then(
  response => {
    const { lat, lng } = response.results[0].geometry.location;
    console.log(lat, lng);
  },
  error => {
    console.error(error);
  }
);

Так как, у меня есть массив, я могу л oop через: {

  this.state.selectedMovie.map((location, key) => {
    Geocode.fromAddress(location.locations).then(
      response => {
        const { lat, lng } = response.results[0].geometry.location;
        // console.log(lat, lng);
      },
      error => {
        console.error(error);
      }
    );
  })
}

Тогда снова я должен использовать этот геокод в l oop для GoogleMap с маркерами. Это правильный подход?

С уважением, любая помощь будет оценена.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...