离子Google地图-无法分配MapType

时间:2018-08-17 13:22:11

标签: google-maps cordova ionic-framework ionic3

使用Ionic / Cordova Google Maps进行的奇怪观察。我想用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'.运行时失败当我禁用该行时,该应用程序将启动。但是,第二次启用setMapTypeIdionic livereload的编辑将以混合方式加载地图。我不明白。我是否不预先加载在初始加载中设置的内容,然后在模拟器内存​​中占主导地位,以便第二次不触发错误?

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

1 个答案:

答案 0 :(得分:0)

应该工作。

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

  }

}