TypeScript ionic-native.GoogleMap类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中ionic-native.GoogleMap类的典型用法代码示例。如果您正苦于以下问题：TypeScript GoogleMap类的具体用法？TypeScript GoogleMap怎么用？TypeScript GoogleMap使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

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

示例1: GoogleMapsLatLng

 Geolocation.getCurrentPosition().then(pos => {
   let myPosition = new GoogleMapsLatLng(pos.coords.latitude, pos.coords.longitude);
   this.map.animateCamera({target: myPosition, zoom: 10});
   this.map.addMarker({
     'position': myPosition,
     'title': 'you are here!'
   });
 });

开发者ID:kaikcreator，项目名称:geolocationApp，代码行数:8，代码来源:map.ts

示例2: GoogleMapsLatLng

 Geolocation.getCurrentPosition().then((resp) => {
   this.myLat = resp.coords.latitude;
   this.myLong = resp.coords.longitude;
   
   let myLatLng = new GoogleMapsLatLng(this.myLat,this.myLong);
   
   let map = new GoogleMap('sch-google-map');
   map.setZoom(15);
   map.setCenter(myLatLng);
   
 },

开发者ID:faithandrel，项目名称:geo-sched-mobile，代码行数:11，代码来源:display-map.ts

示例3: setMarker

setMarker(){
  //primero validamos que tengamos los datos de la localización
  if(this.latLng){

    //De esta forma estamos colocando el marker en la posicion de nuestra ubicación, con el titulo ‘Mi posición’
    let markerOptions: GoogleMapsMarkerOptions = {
      position: this.latLng,
      title: 'Mi posición'
    };

    //Luego lo agregamos al mapa, y una vez agregado llamamos la función showInfoWindow() para mostrar el título señalado anteriormente.

    this.map.addMarker(markerOptions)
      .then((marker: GoogleMapsMarker) => {
        marker.showInfoWindow();
    });
  }else{

    //En caso de no obtener la ubicación es bueno señalar al usuario porque no se mostró el marker
    Toast.show("No se ha podido obtener su ubicación", '5000', 'bottom').subscribe(
      toast => {
        console.log(toast);
      }
    );
  }
}

开发者ID:rexmax97，项目名称:optimit，代码行数:26，代码来源:home.ts

示例4: GoogleMap

    GoogleMap.isAvailable().then(() => {
      
      this.map = new GoogleMap('map');
          
      // this.map.on(GoogleMapsEvent.MAP_READY).subscribe(
      //   () => this.onMapReady(),
      //   () => alert("Error: onMapReady")
      // );

      // this.map.on(GoogleMapsEvent.MAP_READY).subscribe(
      //   (data: any) => {
      //     alert("GoogleMap.onMapReady(): ");
      //   },
      //   () => alert("Error: GoogleMapsEvent.MAP_READY")
      // );

      this.map.one(GoogleMapsEvent.MAP_READY).then((data: any) => {
        // alert("GoogleMap.onMapReady(): " + JSON.stringify(data));

        let myPosition = new GoogleMapsLatLng(this.post.latitude, this.post.longitude);
        console.log("My position is", myPosition);

        this.map.animateCamera({ target: myPosition, zoom: 15 });
        this.map.addMarker({ title: this.post.title.rendered, snippet: this.post.venue + "\n" + this.post.address, position: new GoogleMapsLatLng(this.post.latitude, this.post.longitude) });
      });
    });

开发者ID:michaeldemille，项目名称:SouthernUtahCares，代码行数:26，代码来源:maps.ts

示例5: 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

示例6: GoogleMap

    GoogleMap.isAvailable().then(() => {

      this.map = new GoogleMap('map_canvas');

      // this.map.on(GoogleMapsEvent.MAP_READY).subscribe(
      //   () => this.onMapReady(),
      //   () => alert("Error: onMapReady")
      // );

      // this.map.on(GoogleMapsEvent.MAP_READY).subscribe(
      //   (data: any) => {
      //     alert("GoogleMap.onMapReady(): ");
      //   },
      //   () => alert("Error: GoogleMapsEvent.MAP_READY")
      // );

      this.map.one(GoogleMapsEvent.MAP_READY).then((data: any) => {
        alert("GoogleMap.onMapReady(): " + JSON.stringify(data));

        this._zone.run(() => {
          let myPosition = new GoogleMapsLatLng(38.9072, -77.0369);
          console.log("My position is", myPosition);
          this.map.animateCamera({ target: myPosition, zoom: 10 });
        });

      });
    });

开发者ID:aaronksaunders，项目名称:ionic2GMapNative，代码行数:27，代码来源:home.ts

示例7: alert

      this.map.one(GoogleMapsEvent.MAP_READY).then((data: any) => {
        alert("GoogleMap.onMapReady(): " + JSON.stringify(data));

        let myPosition = new GoogleMapsLatLng(38.9072, -77.0369);
        console.log("My position is", myPosition);

        this.map.animateCamera({ target: myPosition, zoom: 10 });
      });

开发者ID:fotopretty，项目名称:ionic2GMapNative，代码行数:8，代码来源:home.ts

示例8:

              mapData.forEach(markerData => {
                const markerOptions: GoogleMapsMarkerOptions = {
                  position: markerData,
                  title: markerData.name
                };

                this.map.addMarker(markerOptions);
              });

开发者ID:TobiasSchaeuble，项目名称:hybrid-mobile-application-development，代码行数:8，代码来源:map.ts

示例9: 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

示例10: GoogleMapsLatLng

      this.map.one(GoogleMapsEvent.MAP_READY).then((data: any) => {
        // alert("GoogleMap.onMapReady(): " + JSON.stringify(data));

        let myPosition = new GoogleMapsLatLng(this.post.latitude, this.post.longitude);
        console.log("My position is", myPosition);

        this.map.animateCamera({ target: myPosition, zoom: 15 });
        this.map.addMarker({ title: this.post.title.rendered, snippet: this.post.venue + "\n" + this.post.address, position: new GoogleMapsLatLng(this.post.latitude, this.post.longitude) });
      });

开发者ID:michaeldemille，项目名称:SouthernUtahCares，代码行数:9，代码来源:maps.ts

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