本文整理匯總了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!'
});
});示例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);
},示例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);
}
);
}
}示例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) });
});
});示例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!');
});
}示例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 });
});
});
});示例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 });
});示例8:
mapData.forEach(markerData => {
const markerOptions: GoogleMapsMarkerOptions = {
position: markerData,
title: markerData.name
};
this.map.addMarker(markerOptions);
});示例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");
});
});
});
});
}示例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) });
});