javascript - Ionic 3 谷歌地图集成

Question

我完全按照本教程进行操作:https://www.djamware.com/post/58f4da2080aca7414e78a638/step-by-step-tutorial-of-ionic-3-angular-4-and-google-maps-directions-service

但我无法让它工作。我的 API key 设置没问题，但由于某种原因，我不断收到错误 Error: Uncaught (in promise): ReferenceError: google is not defined
ReferenceError: google 未定义

我正在使用 ionic lab 运行应用程序

出于某种原因，它无法正常工作。有人可以帮我找到问题吗？我尝试添加 cordova 白名单插件，将 API key 部分的 https 更改为 http，但仍然无法正常工作。

Answer 1

你是否在 home.ts 中声明了变量？

import { Component, ViewChild, ElementRef } from '@angular/core';
import { IonicPage } from 'ionic-angular';
import { NavController } from 'ionic-angular';

declare var google;

@IonicPage()
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
...