Сегодня я работал над интеграцией карт Google в Angular, но обнаружил, что не хватает критической части… TYPINGS! Итак, вот краткое руководство о том, как добавить типизацию на карты Google.

  1. установить googlemaps типы
npm install @types/googlemaps --save

Не забывайте, что вам нужно будет добавить

/// <reference path="<relevant path>/node_modules/@types/googlemaps/index.d.ts" />

в начало вашего файла .component.ts, чтобы использовать набор текста в Angular 6 или выше. Для угловых версий ниже 6 можно использовать следующее:

import { } from '@types/googlemaps';

Не забудьте добавить Link Google Maps JavaScript CDN в Index.html:

<script src=”http://maps.google.com/maps/api/js?key=YOURKEY"></script>

Вот и все. Теперь вы сможете использовать типизированный API карт Google!

Дополнительную информацию можно найти здесь: https://www.npmjs.com/package/@types/googlemaps