当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript GoogleMap.on方法代码示例

本文整理汇总了TypeScript中ionic-native.GoogleMap.on方法的典型用法代码示例。如果您正苦于以下问题:TypeScript GoogleMap.on方法的具体用法?TypeScript GoogleMap.on怎么用?TypeScript GoogleMap.on使用的例子?那么, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在ionic-native.GoogleMap的用法示例。


在下文中一共展示了GoogleMap.on方法的4个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: loadMap

    loadMap(){
 
        let location = new GoogleMapsLatLng(-34.9290,138.6010);
 
        this.map = new GoogleMap('map', {
          'backgroundColor': 'white',
          'controls': {
            'compass': true,
            'myLocationButton': true,
            'indoorPicker': true,
            'zoom': true
          },
          'gestures': {
            'scroll': true,
            'tilt': true,
            'rotate': true,
            'zoom': true
          },
          'camera': {
            'latLng': location,
            'tilt': 30,
            'zoom': 15,
            'bearing': 50
          }
        });
 
        this.map.on(GoogleMapsEvent.MAP_READY).subscribe(() => {
            console.log('Map is ready!');
        });
 
    }
开发者ID:tbehunin,项目名称:kulepool,代码行数:31,代码来源:routeDetail.ts

示例2: loadMap

  loadMap(){
    let location = new GoogleMapsLatLng(-34.9290,138.6010);
    //-34.9290,138.6010

    this.map = new GoogleMap('map', {
      'backgroundColor': 'white',
      'controls': {
        'compass': true,
        'myLocationButton': true,
        'indoorPicker': true,
        'zoom': true
      },
      'gestures': {
        'scroll': true,
        'tilt': true,
        'rotate': true,
        'zoom': true
      },
      'camera': {
        'latLng': location,
        'tilt': 30,
        'zoom': 15,
        'bearing': 50
      }
    });

    this.map.on(GoogleMapsEvent.MAP_READY).subscribe(() => {
      console.log('Map is ready!');


      console.log(this.lat + ' ' + this.long);

      Geolocation.getCurrentPosition().then(pos => {
        console.log('lat: ' + pos.coords.latitude + ', lon: ' + pos.coords.longitude);
        this.lat = pos.coords.latitude;
        this.long = pos.coords.longitude;

        let coord = new GoogleMapsLatLng(this.lat, this.long);
        this.map.setCenter(coord);

        //this.map.animateCamera({
        //  'target': coord,
        //  'tilt': 60,
        //  'zoom': 18,
        //  'bearing': 140
        //});

        this.map.addMarker({
          'position':coord,
          'title': "The TagOn Project HeadQuarters"}).then(marker => {
          marker.addEventListener(GoogleMapsEvent.INFO_CLICK).subscribe(() => {
            console.log("Info window was clicked");
          });
        });
      });
    });

  }
开发者ID:kolexinfos,项目名称:tag,代码行数:58,代码来源:home.ts

示例3: onPlatformReady

 private onPlatformReady(): void {
   this.map = new GoogleMap('map');
   this.map.on(GoogleMapsEvent.MAP_READY)
     .subscribe(() => this.onMapReady());
 }
开发者ID:armandozabala,项目名称:ionic2-google-maps,代码行数:5,代码来源:map.ts

示例4: constructor

 constructor(){
     let map = new GoogleMap('googleMap');
     map.on(GoogleMapsEvent.MAP_READY).subscribe(() => console.log("Map is ready!"));
 }
开发者ID:ralphowino,项目名称:ionic-native-kitchen-sink,代码行数:4,代码来源:googlemaps.ts


注:本文中的ionic-native.GoogleMap.on方法示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。