Я создал форму автозаполнения, которая показывает список фильмов, снятых в Сан-Франциско. Проект размещен на: 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 с маркерами. Это правильный подход?
С уважением, любая помощь будет оценена.