ionic3 – Geolocation

ถ้าเป็น iOS ต้องเพิ่ม config ด้วย

สร้างโปรเจ็กส์ใหม่

ionic start geolocation blank
cd geolocation
ionic serve

ติดตั้ง plugin

$ ionic cordova plugin add cordova-plugin-geolocation 
$ npm install --save @ionic-native/geolocation

src/app/app.module.ts

src/pages/home/home.ts

getCurrentPosition(options)
Get the device’s current position.

watchPosition(options)
Watch the current device’s position. Clear the watch by unsubscribing from Observable changes.

ความแตกต่างของทั้ง 2 แบบ
เราทดสอบเปิด Tab ที่เรียกหน้านี้ใน Chrome เปิดครั้งแรกทำงานทั้ง getCurrentPosition(options) และ watchPosition(options) (ดูที่หน้า Debug-F12) แต่พอสลับไป Tab อื่นของ Chrome แล้วกลับมา Tab นี้อีก ปรากฏว่าทำงานแค่ watchPosition(options) ทำให้สรุปได้ว่า

  • getCurrentPosition(options) ทำงานแค่ครั้งเดียวจบ ส่วน
  • watchPosition(options) ทำงานทุกครั้งที่เราเลือกที่ Tab นี้

Note: watchPosition() จะทำงานต่อเนื่องก็ต่อเมื่ออยู่ใน constructor()

Link