谷歌地方图书馆未定义答案

【问题标题】：Google places library undefined谷歌地方图书馆未定义
【发布时间】：2019-07-31 09:08:45
【问题描述】：

我是 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);

但它会抛出未定义的错误

错误类型错误：无法读取未定义的属性“搜索框” 在 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) 在 Object.eval [as updateDirectives] (MapPage_Host.ngfactory.js?[sm]:1) 在 Object.debugUpdateDirectives [as updateDirectives] (core.js:23910) 在 checkAndUpdateView (core.js:23306)

任何指针将不胜感激。

【问题讨论】：

您能否提供更多详细信息，说明您想要实现的具体目标，以及您目前获得的代码，以便我们实际帮助您解决这个问题？您提供的细节很少，不足以回答问题。
您是否将 API_KEY 替换为您自己的 API 密钥？

标签： html angular google-maps ionic-framework ionic4

【解决方案1】：

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

您可以修改文件以包含

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

我觉得还有一种方法，可以修改tsconfig添加typeRoots路径。我没有使用过这种方法。

参考：How to install Typescript typings for google maps

【讨论】：