离子谷歌地图 - 地图类型不可分配

Question

使用 Ionic/Cordova 谷歌地图进行奇怪的观察。我想用hybrid 地图调出地图。

if(!this.map){
      // const myMapType: MapType = 'HYBRID';
      const mapOptions: GoogleMapOptions = {
      //   controls: {
      //     compass: false,
      //     myLocation: true,
      //     myLocationButton: false,
      //     mapToolbar: false,
      //   },
      //   mapType: myMapType
      };
      this.map = GoogleMaps.create('map_canvas', mapOptions);
      this.map.setMapTypeId(GoogleMapsMapTypeId.HYBRID);
}

使用Argument of type 'string' not assignable to parameter of type 'MapType'. 运行失败当我禁用该行时，应用程序启动。但是，第二次编辑以启用 setMapTypeId 和 ionic livereload 会以混合方式加载地图。我不明白。我是否没有预加载在初始加载中设置的内容，然后在模拟器内存​​中占主导地位，以便第二次不会触发错误？

运行模拟器 ionic cordova run ios --consolelogs --target "iPhone-8"

Answer 1

应该可以。

import { GoogleMaps, GoogleMap, GoogleMapsMapTypeId} from '@ionic-native/google-maps';

@IonicPage()
@Component({
  selector: 'page-set-map-type-id',
  templateUrl: 'set-map-type-id.html',
})
export class ExamplePage {

  map: GoogleMap;

  constructor() {}

  ionViewDidLoad() {
    this.loadMap();
  }
  loadMap() {
    this.map = GoogleMaps.create('map_canvas', {
      mapType: GoogleMapsMapTypeId.HYBRID
    });

  }

}