Ionic DevApp:谷歌地图没有显示

时间:2017-11-02 11:09:38

标签: ionic-framework ionic3 ionic-serve ionic-devapp

我使用JavaScript SDK来显示地图。

它正在使用浏览器但是当我在开发应用程序上打开它时,该页面会显示空白页面。

 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);
    });

  } 

1 个答案:

答案 0 :(得分:0)

尝试添加locationOption

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

并像这样传递给getCurrentPosition this.geolocation.getCurrentPosition(locationOptions).then((p‌​osition) => {