ionic2
ジオロケーション
サーチ…
簡単な使い方
あなたのpackage.json
に以下の依存関係を含めてください:
{
...
"dependencies": {
...
"ionic-native": "^1.3.10",
...
},
...
}
ジオロケーションを使用するには:
// 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);
});
}
}
ポジションを見る
よりリアルタイムなソリューションのためには、エラーまたは位置の変化が発生したときに通知するGeolocationのwatchPosition関数を使用できます。 getCurrentPositionとは異なり、watchPositionは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
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow