00.ionic4:10.ionic4とcapacitorでgps取得

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- 00.ionic4:10.ionic4とcapacitorでgps取得 [2019/08/29] – [10.ionic4とcapacitorでgps取得] adash333
+++ 00.ionic4:10.ionic4とcapacitorでgps取得 [2019/09/01] (現在) – [tab1.page.tsの編集] adash333
@@ 行 64: / 行 64: @@
 src/app/tab1/tab1.page.html を以下のように編集します。
+<code html>
+<ion-card>
+  <ion-card-header>
+    <ion-card-title>Coordinates</ion-card-title>
+  </ion-card-header>
+  <ion-card-content>
+    <ion-item>Latitude: {{ latitude }}</ion-item>
+    <ion-item>Longitude: {{ longitude }}</ion-item>
+  </ion-card-content>
+</ion-card>
+</code>
 （変更前）
@@ 行 74: / 行 87: @@
 src/app/tab1/tab1.page.ts を以下のように編集します。
+<code javascript>
+import { Geolocation} from '@capacitor/core';
+//一部省略
+export class Tab1Page {
+  latitude: number;
+  longitude: number;
+  constructor() {
+    this.getLocation();
+  }
+  async getLocation() {
+    const position = await Geolocation.getCurrentPosition();
+    this.latitude = position.coords.latitude;
+    this.longitude = position.coords.longitude;
+  }
+}
+</code>
 （変更前）
@@ 行 355: / 行 389: @@
 ===== リンク =====
+前：[[00.ionic4:09.ionic4でpwa|Ionic4でPWA(Progressive Web Apps)]]
+次：[[00.ionic4:11.IonicとLeafletで地図表示|00.ionic4:11.IonicとLeafletで地図表示]]
 [[00.ionic4:index.html|スマホ用ホームページ&amp;スマホアプリ作成ソフトIonic4]]

00.ionic4/10.ionic4とcapacitorでgps取得.1567043872.txt.gz · 最終更新: 2019/08/29 by adash333