Bagaimana kita memastikan bahwa kita dapat memilih tempat?
Baik pada tampilan peta, pada layar peta Anda, Anda dapat menambahkan penangan onPress dan ini menyala setiap kali Anda mengetuk
suatu tempat
di peta dan dengan itu saya tidak bermaksud mengetuk ketika Anda menggulir tetapi ketika Anda mengetuk di
sana tanpa menggulir, jadi jika Anda benar-benar ingin memilih sesuatu. Ini kemudian akan menyala dan karena itu ini dapat terikat
pada fungsi yang saya definisikan di sini yang seharusnya menyimpan tempat yang dipilih.
Jadi di sini saya akan memiliki fungsi pengendali lokasi pilih saya yang mendapat objek acara dan itulah yang
saya ikat untuk menekanTekan di sini.
Sekarang kita bisa melihat ke dalam acara ini untuk merasakan apa yang ada di dalam sana, jenis data apa yang kita dapatkan.
Jadi biarkan saya menyimpan ini
dan mari kita coba, mari kita pergi ke peta dan kemudian setelah ini dimuat, cukup ketuk di suatu tempat di peta, seperti di sini.
Jika sekarang kita kembali, ini adalah output yang saya dapatkan dan di sana Anda melihat itu adalah objek yang cukup
besar, pada akhirnya kita mendapatkan banyak data di sana yang tidak benar-benar
kita butuhkan, ini acara sintetik di sini.
Apa yang kita miliki, yang menarik adalah properti acara asli ini yang merupakan objek lain, yang memiliki
properti koordinat yang bukan objek lain, yang memiliki garis lintang dan bujur.
Itulah yang kami tertarik pada akhirnya, benar,
itulah yang ingin kami ketahui,
itulah pasangan koordinat
yang ingin kami dapatkan.
Jadi ini adalah tempatnya, koordinat yang diketuk pengguna, inilah yang ingin
saya simpan di sini dan akan lebih baik untuk memulai menambahkan penanda di tempat itu sehingga kami menandai
tempat itu di peta. Untuk itu
tentu saja kita dapat menggunakan status untuk menyimpan tempat yang dipilih dan dalam komponen, kemudian
menginisialisasi ini di sini dan memiliki lokasi yang dipilih dan
mengatur lokasi yang dipilih dengan bantuan status penggunaan. Awalnya kosong, kami tidak memiliki lokasi yang dipilih pada
awalnya dan kemudian kami
dapat membuat penanda di sini jika memang ada. Untuk itu, kita dapat mengimpor komponen marker dari peta asli dengan
menambahkan beberapa impor bernama di sini selain impor default yang kita miliki ini dan kita dapat mengimpor marker dari React Native maps,
sesederhana itu dan kita dapat merender marker ini dengan menambahkannya di antara membuka dan menutup tag tampilan peta yang sekarang
kita butuhkan,
sehingga kita dapat menambahkan penanda di sini.
Sekarang penanda ini memerlukan beberapa konfigurasi, jika tidak Bereaksi peta
asli tidak tahu harus menunjukkan ke mana. Kita dapat menambahkan judul misalnya,
mengambil lokasi tetapi yang lebih penting, Anda dapat menambahkan prop koordinat di sini dan
yang mengharapkan untuk mendapatkan objek dengan garis lintang dan bujur di sana. Jadi di sini, saya akan menambahkan variabel baru, koordinat marker katakanlah dan jika saya memiliki lokasi
yang dipilih dan itulah keadaan yang saya kelola jika saya memilikinya, maka saya ingin mengatur koordinat marker sama
dengan objek di mana Anda harus memiliki garis lintang bernama garis lintang,
jadi ini
bukan lat, garis lintang itu perlu karena komponen penanda akan mencari properti
bernama garis lintang dan itu bisa menjadiLokasi yang
dipilih. lat
katakanlah, terserah kita bagaimana kita menyimpan ini, kita tidak melakukannya sekarang tetapi nanti saya akan menyimpannya sehingga
kita memiliki lat prop di sana dan bujur yang perlu dinamai seperti ini yang dapat menyimpan nilai
disimpan di Lokasi yang dipilih. lng.
Sekarang koordinat marker diatur secara kondisional dan di sini kita sekarang dapat memeriksa apakah kondisi marker benar-benar ada dan
jika benar, kami menggunakan pintasan ini untuk juga mengeluarkan marker di sini. Sekarang koordinat marker juga dapat kita masukkan ke
sini dan harap
dicatat ini adalah koordinat, bukan koordinat, itu hanya koordinat.
Pada titik ini adalah koordinat penanda kami dan sekarang kami hanya perlu memastikan bahwa kami akhirnya menetapkan lokasi yang dipilih dan tentu saja
saya ingin melakukan
ini di sini di penangan lokasi pilihan saya. Di sana saya ingin memanggil
setel lokasi yang dipilih untuk mengatur keadaan saya, meneruskan objek di sana dan mengatur negara saya ke suatu objek
dengan kunci lat karena saya mencoba untuk mengekstrak lat di sana acara. nativeEvent seperti yang Anda lihat dan di sana, ada properti
koordinat ini yang memiliki properti lintang dan kemudian lng yang saya ekstrak juga harus
diatur ke acara. nativeEvent. koordinat. garis bujur. Dan dengan kode ini, kita
harus dapat melihat penanda di peta. Jadi mari kita coba, mari kita
pergi ke iOS, memuat peta
di sana dan
memilih beberapa tempat dan kita melihat penanda di tempat saya mengklik. Sama pada Android semoga, mari kita coba
di sana, buka peta dan memang di sana jika saya mengetuk suatu
tempat, saya
juga menempatkan penanda saya di sana.
Jadi ini adalah bagaimana kita dapat bekerja dengan spidol dan bagaimana kita dapat
memilih tempat, semuanya bagus.
Sekarang pada akhirnya saya ingin dapat mengklik tombol simpan di sana yang belum ada,
yang kemudian menutup peta ini dan melewati lokasi yang dipilih kembali ke layar tempat baru saya pada akhirnya, benar, yang
saya miliki di sini demikian juga. Saya ingin kembali ke layar itu dan tentu saja jenis menyimpan lokasi yang
saya pilih.