2017-11-02 21 views
1

JavaScript SDKを使用して地図を表示しました。Ionic DevApp:Googleマップが表示されない

ブラウザ上で動作していますが、devアプリケーションで開くと、ページに空白のページが表示されます。

ionViewDidLoad(){ 
    this.loadMap(); 
    } 

    loadMap(){ 

    this.geolocation.getCurrentPosition().then((position) => { 

     let latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 

     let mapOptions = { 
     center: latLng, 
     zoom: 15, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 

     this.map = new google.maps.Map(this.mapElement.nativeElement, mapOptions); 

    }, (err) => { 
     console.log(err); 
    }); 

    } 

答えて

0

はlocationOption

let locationOptions = { timeout: 30000, enableHighAccuracy: true };

を追加し、この this.geolocation.getCurrentPosition(locationOptions).then((p‌​osition) => {

ようgetCurrentPositionに渡すようにしてください
関連する問題