使用离子框架的Google Maps自行车和公交图层

时间:2018-07-02 21:41:25

标签: google-maps cordova ionic-framework overlays

我知道有非常简单的两行代码,用于使用JavaScript API将交通,运输和自行车图层添加到Google Maps,但是当处理来自ionic的GoogleMaps模块时,我还没有找到一种添加方法我的地图的公交和单车图层。这是我找到的用于添加流量的代码,但是在使用ionic框架和GoogleMaps模块时,似乎没有任何有关将其他图层添加到Google Maps的文档。这是我用来在单击按钮时启用交通覆盖的简短代码。

map.ts:

  trafficClick() {
    this.trafficEnabled = !this.trafficEnabled;
    this.map.setTrafficEnabled(this.trafficEnabled);
  }

loadMap() {
    LocationService.getMyLocation().then((myLocation: MyLocation) => {
    let mapOptions: GoogleMapOptions = {
      camera: {
         target: myLocation.latLng,
         zoom: 10,
         tilt: 0
       },
         controls: {
           compass: false,
           myLocationButton: false,
           myLocation: true,   // (blue dot)
           zoom: false,
           indoorPicker: true,
           mapToolbar: true     // android only
         },
         preferences: {
           zoom: {
             minZoom: 10,
             maxZoom: 18
           }
         },
         building: true,
       };

    this.map = GoogleMaps.create('map', mapOptions);
  });
}

0 个答案:

没有答案