#1.Pluginインストール
$ cordova plugin add cordova-plugin-geolocation
#2.Plugin動作確認
var onSuccess = function(position){
console.log
('Latitude: ' + position.coords.latitude + '\n' +
'Longitude: ' + position.coords.longitude + '\n' +
'Altitude: ' + position.coords.altitude + '\n' +
'Accuracy: ' + position.coords.accuracy + '\n' +
'Altitude Accuracy: ' + position.coords.altitudeAccuracy + '\n' +
'Heading: ' + position.coords.heading + '\n' +
'Speed: ' + position.coords.speed + '\n' +
'Timestamp: ' + position.timestamp + '\n');
};
| 項目 | 意味 |
|:-----------|------------:|:------------:|
| Latitude | 緯度 | This |
| Longitude | 経度 | column |
| Altitude | 高度 | will |
| Accuracy | 正確さ | be |
| Timestamp | UNIX時刻 | center |
*UNIX時刻は1970年1月1日0時0分からの経過時間
#3.OpenWeatherMap
OpenWeatherMapは、開発者向けにAPIを無料で提供しているサイトです(有料プランあり)
今回は無料プランをつかってやっていきます
#4.実際に使ってみる
$(function(){
var apikey = '**************';
var lon = position.coords.longitude ;
var lat = position.coords.latitude ;
var url = `https://api.openweathermap.org/data/2.5/weather?lon=` + lon + `&lat=` + lat + `&units=metric&APPID=` + apikey;
$.ajax({
url: url,
dataType:`json`,
type: `GET`,
})
.done(function(data){
console.log(data)
})
.fail(function(data){
console.log("failed");
});
});
###説明
スマホやPCで位置情報を取り、APIkeyと一緒にOpenWeatherMapに渡して、JSONで取得するという流れです
units=metricは温度の単位をケルビンから摂氏に変えるものです
Ajaxを使うときは下の一行をheadに追加しましょう
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
console.logのvisibilityは視界(単位はメートル、何メートル先まで見えるかみたいな)
今回はCordovaのプラグインを使ったので座標を指定して使ったが、都市の名前を使って天気予報を受け取る事もできる