Google размещает библиотеку не определено

Question

Я новичок в ionic и пытался автоматически завершить поиск в google maps api.

После прочтения большого количества статей внедрил приведенный ниже код

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY&v=3.exp&libraries=places‌​&sensor=false"></script>

и использовал такую ​​библиотеку, как

var searchBox = new google.maps.places.SearchBox(input);

Но он выдает ниже неопределенных ошибок

ОШИБКА TypeError: Невозможно прочитать свойство 'SearchBox' из неопределенного в MapPage.push ../ src / app / components / map /map.page.ts.MapPage.initAutocomplete (map.page.ts: 173) на MapPage.push ../ src / app / components / map / map.page.ts.MapPage.ngOnInit (map.page.ts: 19) в checkAndUpdateDirectiveInline (core.js: 22098) в checkAndUpdateNodeInline (core.js: 23362) в checkAndUpdateNode (core.js: 23324) в debugCheckAndUpdateNode (core.js: 23958) объектный объект debugCheck: debugCheck: 23[as updateDirectives] (MapPage_Host.ngfactory.js? [sm]: 1) в Object.debugUpdateDirectives [as updateDirectives] (core.js: 23910) в checkAndUpdateView (core.js: 23306)

Любые указатели будут оценены.

Answer 1

Установка типов карт Google npm install --save @ types / googlemaps

Вы можете изменить свой файл, чтобы включить

/// <reference types="@types/googlemaps" />

Я думаю, что есть другой способ, вы можете изменить tsconfig, добавив typeRoots path. Я не использовал этот подход.

Справка: Как установить типизацию шрифтов для карт Google