Google Places Library未定义

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）       在debugCheckDirectivesFn（core.js：23918）       at Object.eval [作为updateDirectives]（MapPage_Host.ngfactory.js？[sm]：1）       在Object.debugUpdateDirectives [作为updateDirectives]（core.js：23910）       在checkAndUpdateView（core.js：23306）

任何指针将不胜感激。

Answer 1

安装Google地图类型     npm install --save @ types / googlemaps

您可以修改文件以包含

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

我认为还有另一种方法，您可以修改tsconfig以添加 typeRoots 路径。我没有使用这种方法。

参考：How to install Typescript typings for google maps