説明
現在地の位置情報を取得するには、まずmanifest.webappファイルのpermissionsを設定しておく必要があります。そこでgeolocationを指定しdescriptionに使用目的などを書いておきます。(descriptionは何でもよい)
次にnavigator.geolocation.getCurrentPosition()を使って現在位置を取得します。このgetCurrentPosition()メソッドを使うと位置情報を取得してもよいかどうか尋ねてきます。ユーザーがOKだった場合は位置情報を取得できます。なお、サンプルの場合、ボタンを押しても何も表示されない場合は再度クリックすると表示されます。位置情報が正しく取得できていない場合は何度押しても表示されません。(エラー処理は行っていません)
ポイントとなるコード部分
navigator.geolocation.getCurrentPosition(function(position) {
var lat = position.coords.latitude; // 緯度
var lon = position.coords.longitude; // 経度