Panduan Teknikal ParseGeoPoint dengan Ionic dan Back4App

menggunakan titik geo dengan kerangka ionic pendahuluan parse memungkinkan anda untuk mengaitkan koordinat lintang dan bujur dunia nyata dengan sebuah objek menambahkan a parsegeopoint ke a parseuser , anda akan dapat dengan mudah mengetahui pengguna mana yang terdekat dengan yang lain, menunjukkan lokasi pengguna aplikasi anda dan juga menyimpan informasi lokasi pengguna, di antara kemungkinan lainnya anda juga dapat mengaitkan a parsegeopoint ke sembarang parseobject sebagai contoh, jika aplikasi anda terkait dengan toko dengan afiliasi fisik, anda akan dapat membuat halaman untuk menunjukkan lokasi toko toko tersebut atau untuk menunjukkan kepada pengguna toko mana yang terdekat dengannya contoh lain dari penggunaan asosiasi ini jika aplikasi anda adalah sebuah permainan di mana anda membuat parseobjects untuk mewakili karakter, menambahkan parsegeopoints ke karakter karakter ini akan memungkinkan mereka ditampilkan di sepanjang jalur pemain tutorial ini menjelaskan cara menggunakan beberapa fitur dari parsegeopoint melalui back4app setelah mengikuti tutorial ini, anda akan dapat melakukan ini prasyarat 1 siapkan kunci api google instal angular google maps agm impor sdk dengan menambahkan kunci yang dihasilkan ke /src/app/app module ts 2 ambil lokasi pengguna untuk mengambil lokasi pengguna, kita perlu menginstal ionic geolocation plugin sekarang kita telah menginstal dan mengimpor geolocation ke penyedia di /src/app/app module ts, mari kita implementasikan metode ambil lokasi dan simpan hasilnya ke atribut kelas 3 buat halaman untuk menampilkan peta sekarang kita memiliki lokasi pengguna, mari kita buat halaman untuk menampilkan peta, menggunakan \[angular google maps] yang telah disebutkan sebelumnya pertama, jalankan pembantu mari kita buat agar menerima marker yang menyimpan posisi saat ini yang ditampilkan peta dan array marker yang akan menjadi titik pin di sekitar peta mari kita buka maps html sekarang dan membuatnya menampilkan data 4 menampilkan lokasi pengguna saat ini di peta sekarang kita memiliki halaman untuk menampilkan lokasi peta mari kita kembali ke home ts dan mengimplementasikan metode untuk menampilkan lokasi pengguna di peta mari kita manfaatkan kemudahan parse sekarang dan mencari rekan terdekat dengan lokasi pengguna anda dapat melihat betapa sederhananya pada dasarnya, yang perlu kita lakukan adalah menginstansiasi objek kueri untuk koleksi pengguna dan membuatnya mencari lokasi geo terdekat dengan memanggil near() 5 siapkan back4app untuk mengasosiasikan parsegeopoint dengan parseobjects misalkan aplikasi contoh yang anda bangun terkait dengan sekelompok toko dengan afiliasi fisik akan menarik untuk menunjukkan semua afiliasi fisik dari toko ini di peta untuk melakukannya, buat kelas toko di dasbor back4pp, simpan toko yang ada sebagai parseobjects, lokasi mereka dan setelah itu aplikasi akan dapat menanyakan afiliasi fisik dan menampilkan posisi mereka di peta langkah langkah berikut akan membantu anda dengan itu pergi ke situs web back4app masuk, temukan aplikasi anda dan buka dasbornya pergi ke core > browser > buat kelas, seperti yang ditunjukkan pada gambar di bawah di bidang jenis kelas apa yang anda butuhkan?, pilih opsi kustom di bidang apa yang harus kita sebut?, ketik “ toko ” dan kemudian klik tombol buat kelas kemudian kelas baru yang disebut “ toko ” akan ditampilkan dan anda harus memasukkan 2 kolom di dalamnya sebuah kolom dengan tipe data string yang disebut nama, serta kolom lain dengan tipe data geopoint yang disebut lokasi kelas anda harus berakhir seperti ini sekarang, isi kelas ini dengan informasi untuk melakukannya, klik tombol tambah baris di menu di kanan atas atau di tengah halaman, seperti yang ditunjukkan pada gambar di bawah kemudian isi baris dengan informasi yang diperlukan nama toko dan lintang serta bujur setelah memasukkan beberapa data, kelas toko anda harus terlihat seperti gambar di bawah jika anda ingin memasukkan lebih banyak data, anda dapat mengklik tombol tambah baris di bagian atas, atau di tombol + di bawah baris data terakhir sekarang anda siap untuk menggunakan informasi lokasi toko di aplikasi anda 6 tampilkan semua lokasi toko di peta sekarang kita telah menyimpan lokasi toko, mari kita buat metode untuk mendapatkan objek dan menampilkannya mudah, kan? sekarang, mari kita dapatkan yang terdekat anda dapat melihat bagaimana ini sama seperti mendapatkan pengguna terdekat seperti yang telah kita lakukan sebelumnya 7 tambahkan tombol ke halaman utama anda mungkin menyadari bahwa kita tidak memiliki cara untuk memanggil metode tersebut, mari kita tambahkan tombol ke home ts dan buat itu terjadi! 8 uji aplikasi anda masuk di situs web back4app https //www back4app com/ temukan aplikasi anda dan klik pada dasbor > inti > browser > pengguna dan buat beberapa pengguna dengan lokasi yang terkait untuk memungkinkan metode getclosestuser berfungsi jalankan aplikasi anda di perangkat nyata atau di browser untuk mendaftar dan masuk coba setiap fitur! selesai! pada tahap ini, anda dapat menggunakan beberapa fitur parsegeopoint melalui back4app!