Чтобы использовать карту Google, нам нужно импортировать API Карт. Для этого мы должны добавить скрипт в index.html с ключом API.
Следующим шагом будет установка карт Google в вашем проекте.
npm установить @angular/google-maps
После этого нам нужно добавить GoogleMapsModule в наш модуль
Вся подготовка сделана. Теперь мы можем написать наш компонент карты. Чтобы использовать карты Google, нам просто нужно использовать селектор ‹google-map› в файле HTML. Чтобы установить положение, нам нужно использовать атрибут center с координатой широта-долгота. Для маркеров нам нужно добавить селектор ‹map-marker›.
В итоге имеем гугл карту с маркером.
Если вам нужно внимательно посмотреть на проект вот ссылка.
Первоначально опубликовано на http://tomorrowmeannever.wordpress.com 17 декабря 2021 г.