Ionic 3 Google Map空白在页脚处带有Google标志

时间:2019-02-16 16:26:03

标签: ionic3 google-maps-android-api-2

大家好,我对ionic3 angular 5中的cordova Google Maps有问题 我已经按照他们的文档安装并实现了代码,并且在浏览器中可以正常工作 但是,如果使android APK,则在页脚处显示带有Google徽标的空白屏幕 我尝试了所有解决方案,例如 1.添加SHA1证书 2.来自Google控制台的Android API密钥 3.loadmap功能的超时加载

loadMap(){

let mapOptions: GoogleMapOptions = {
  camera: {
    target: {
      lat: 43.0741904,
      lng: -89.3809802
    },
    zoom: 18,
    tilt: 30
  }
};
this.map = GoogleMaps.create('map_canvas', mapOptions);    
this.map.one(GoogleMapsEvent.MAP_READY)
  .then(() => {
    this.map.addMarker({
        title: 'Ionic',
        icon: 'blue',
        animation: 'DROP',
        position: {
          lat: 43.0741904,
          lng: -89.3809802
        }
      })
      .then(marker => {
        marker.on(GoogleMapsEvent.MARKER_CLICK)
          .subscribe(() => {

          });
      });

  });

}

enter image description here

0 个答案:

没有答案