本文整理匯總了TypeScript中ionic-native.GoogleMap.addMarker方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript GoogleMap.addMarker方法的具體用法？TypeScript GoogleMap.addMarker怎麽用？TypeScript GoogleMap.addMarker使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類ionic-native.GoogleMap的用法示例。
在下文中一共展示了GoogleMap.addMarker方法的5個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: 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);
}
);
}
}示例2:
mapData.forEach(markerData => {
const markerOptions: GoogleMapsMarkerOptions = {
position: markerData,
title: markerData.name
};
this.map.addMarker(markerOptions);
});示例3: 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!'
});
});示例4: 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) });
});示例5: GoogleMapsLatLng
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");
});
});
});