ionic2
Géolocalisation
Recherche…
Usage simple
Dans votre package.json
assurez-vous d'inclure les dépendances:
{
...
"dependencies": {
...
"ionic-native": "^1.3.10",
...
},
...
}
Pour utiliser la géolocalisation:
// custom-component.ts
import {Geolocation} from 'ionic-native';
import template from './custom-component.html';
@Component({
selector: 'custom-component',
template: template
})
export class CustomComponent {
constructor() {
// get the geolocation through a promise
Geolocation.getCurrentPosition().then((position:Geoposition)=> {
console.log(
position.coords.latitude,
position.coords.longitude);
});
}
}
Regarder la position
Pour une solution plus temps réel, vous pouvez utiliser la fonction watchPosition dans Geolocation qui avertit chaque fois qu’une erreur ou un changement de position se produit. Contrairement à la méthode getCurrentPosition, la fonction watchPosition renvoie un objet Observable.
import {Geolocation} from 'ionic-native';
import template from './custom-component.html';
@Component({
selector: 'custom-component',
template: template
})
export class CustomComponent {
constructor() {
// get the geolocation through an observable
Geolocation.watchPosition(<GeolocationOptions>{
maximumAge: 5000, // a maximum age of cache is 5 seconds
timeout: 10000, // time out after 10 seconds
enableHighAccuracy: true // high accuracy
}).subscribe((position) => {
console.log('Time:' + position.timestamp);
console.log(
'Position:' + position.coords.latitude + ',' +
position.coords.longitude);
console.log('Direction:' position.coords.heading);
console.log('Speed:' position.coords.speed);
});
}
Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow