离子3谷歌地图无法读取属性'自动完成'未定义的

时间:2017-07-09 10:31:56

标签: google-maps ionic-framework autocomplete ionic3

在离子3项目上工作我到目前为止可以使用谷歌地图,我想使用谷歌地方自动完成,我用这个答案Answer来解决问题'找不到名字google'当我输入let input = new google.maps.places.Autocomplete(element);

它工作,现在应用程序运行,但现在我得到新的错误

'错误类型错误:无法读取属性'自动完成'未定义'

我该怎么办?

  

编辑(1)

当我使用console.log(google.maps);时,我得到了结果,但是当我使用console.log(google.maps.places);时,我得到了未定义。

但是当我点击VSCode中的places时,它会告诉我它存在

    export module places {
        export class Autocomplete extends MVCObject {
            constructor(inputField: HTMLInputElement, opts?: AutocompleteOptions);
            getBounds(): LatLngBounds;
            getPlace(): PlaceResult;
            setBounds(bounds: LatLngBounds|LatLngBoundsLiteral): void;
            setComponentRestrictions(restrictions: ComponentRestrictions): void;
            setTypes(types: string[]): void;
        }
etc etc

1 个答案:

答案 0 :(得分:1)

您必须在index.html中包含以下代码行

注意:如果您在那里有现有的Google地图javascript,则需要将其替换为

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=YOUR_KEY"></script>

其中:YOUR_KEY是您的开发人员的关键