IONIC 3 : 약속 안 함 : ReferenceError : Google이 정의되지 않았습니다. ReferenceError

Question

안녕하세요. 나는 Ionic 3 튜토리얼로 Google Maps를 연구 중이다. 거기에 설명 된 모든 것을 다했으나 프로젝트가 시작될 때이 오류가 나타납니다. 나는 많은 것을 조사했지만 아무 것도 효과가 없다. 감사!.

home.ts 코드에서 그렇게하지 않은 경우 아래 그림과 같이 declare에 필요한

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

declare var google; 

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

    @ViewChild('map') mapElement:ElementRef; 
    map: any; 
    start = 'chicago, il'; 
    end = 'chicago, il'; 
    directionsService = new google.maps.DirectionsService; 
    directionsDisplay = new google.maps.DirectionsRenderer; 

    constructor(public navCtrl: NavController) { 

    } 

    ionViewLoad(){ 
     this.initMap(); 
    } 

    initMap(){ 
     this.map = new google.maps.Map(this.mapElement.nativeElement, 
    { 
      zoom: 7, 
      center: {lat: 41.85, lng: -87.65} 
    }); 

     this.directionsDisplay.setMap(this.map); 
    } 

    calculateAndDisplayRoute(){ 
     this.directionsService.route({ 
      origin: this.start, 
      destination: this.end, 
      travelMode: 'DRIVING', 
     }, (response, status) => { 
      if(status == 'OK'){ 
       this.directionsDisplay.setDirections(response); 
      }else{ 
       window.alert('Directions request failed due to ' + 
     status); 
      } 
     }); 
     } 

    } 

Answer 1

:

Error: Uncaught (in promise): ReferenceError: google is not defined 
ReferenceError: google is not defined 

이 내 코드입니다. Git repo