1 00:00:02,110 --> 00:00:04,450 Bagaimana kita memastikan bahwa kita dapat memilih tempat? 2 00:00:04,870 --> 00:00:10,900 Baik pada tampilan peta, pada layar peta Anda, Anda dapat menambahkan penangan onPress dan ini menyala setiap kali Anda mengetuk 3 00:00:10,900 --> 00:00:11,580 suatu tempat 4 00:00:11,680 --> 00:00:16,690 di peta dan dengan itu saya tidak bermaksud mengetuk ketika Anda menggulir tetapi ketika Anda mengetuk di 5 00:00:16,690 --> 00:00:23,130 sana tanpa menggulir, jadi jika Anda benar-benar ingin memilih sesuatu. Ini kemudian akan menyala dan karena itu ini dapat terikat 6 00:00:23,170 --> 00:00:27,010 pada fungsi yang saya definisikan di sini yang seharusnya menyimpan tempat yang dipilih. 7 00:00:27,010 --> 00:00:33,940 Jadi di sini saya akan memiliki fungsi pengendali lokasi pilih saya yang mendapat objek acara dan itulah yang 8 00:00:33,940 --> 00:00:36,260 saya ikat untuk menekanTekan di sini. 9 00:00:36,260 --> 00:00:42,440 Sekarang kita bisa melihat ke dalam acara ini untuk merasakan apa yang ada di dalam sana, jenis data apa yang kita dapatkan. 10 00:00:42,440 --> 00:00:44,300 Jadi biarkan saya menyimpan ini 11 00:00:44,330 --> 00:00:52,550 dan mari kita coba, mari kita pergi ke peta dan kemudian setelah ini dimuat, cukup ketuk di suatu tempat di peta, seperti di sini. 12 00:00:52,550 --> 00:00:58,450 Jika sekarang kita kembali, ini adalah output yang saya dapatkan dan di sana Anda melihat itu adalah objek yang cukup 13 00:00:58,700 --> 00:01:02,280 besar, pada akhirnya kita mendapatkan banyak data di sana yang tidak benar-benar 14 00:01:02,510 --> 00:01:04,700 kita butuhkan, ini acara sintetik di sini. 15 00:01:04,850 --> 00:01:10,880 Apa yang kita miliki, yang menarik adalah properti acara asli ini yang merupakan objek lain, yang memiliki 16 00:01:10,880 --> 00:01:15,170 properti koordinat yang bukan objek lain, yang memiliki garis lintang dan bujur. 17 00:01:15,170 --> 00:01:17,090 Itulah yang kami tertarik pada akhirnya, benar, 18 00:01:17,090 --> 00:01:18,520 itulah yang ingin kami ketahui, 19 00:01:18,530 --> 00:01:19,700 itulah pasangan koordinat 20 00:01:19,700 --> 00:01:21,000 yang ingin kami dapatkan. 21 00:01:21,020 --> 00:01:24,640 Jadi ini adalah tempatnya, koordinat yang diketuk pengguna, inilah yang ingin 22 00:01:24,650 --> 00:01:30,850 saya simpan di sini dan akan lebih baik untuk memulai menambahkan penanda di tempat itu sehingga kami menandai 23 00:01:30,860 --> 00:01:34,430 tempat itu di peta. Untuk itu 24 00:01:34,420 --> 00:01:42,260 tentu saja kita dapat menggunakan status untuk menyimpan tempat yang dipilih dan dalam komponen, kemudian 25 00:01:43,100 --> 00:01:48,170 menginisialisasi ini di sini dan memiliki lokasi yang dipilih dan 26 00:01:50,500 --> 00:01:58,870 mengatur lokasi yang dipilih dengan bantuan status penggunaan. Awalnya kosong, kami tidak memiliki lokasi yang dipilih pada 27 00:01:58,870 --> 00:02:01,200 awalnya dan kemudian kami 28 00:02:01,270 --> 00:02:08,170 dapat membuat penanda di sini jika memang ada. Untuk itu, kita dapat mengimpor komponen marker dari peta asli dengan 29 00:02:08,170 --> 00:02:14,590 menambahkan beberapa impor bernama di sini selain impor default yang kita miliki ini dan kita dapat mengimpor marker dari React Native maps, 30 00:02:14,590 --> 00:02:20,530 sesederhana itu dan kita dapat merender marker ini dengan menambahkannya di antara membuka dan menutup tag tampilan peta yang sekarang 31 00:02:20,530 --> 00:02:21,470 kita butuhkan, 32 00:02:21,640 --> 00:02:23,780 sehingga kita dapat menambahkan penanda di sini. 33 00:02:23,870 --> 00:02:27,090 Sekarang penanda ini memerlukan beberapa konfigurasi, jika tidak Bereaksi peta 34 00:02:27,170 --> 00:02:32,840 asli tidak tahu harus menunjukkan ke mana. Kita dapat menambahkan judul misalnya, 35 00:02:33,230 --> 00:02:40,560 mengambil lokasi tetapi yang lebih penting, Anda dapat menambahkan prop koordinat di sini dan 36 00:02:40,590 --> 00:02:53,260 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 37 00:02:53,320 --> 00:03:00,190 yang dipilih dan itulah keadaan yang saya kelola jika saya memilikinya, maka saya ingin mengatur koordinat marker sama 38 00:03:00,190 --> 00:03:05,050 dengan objek di mana Anda harus memiliki garis lintang bernama garis lintang, 39 00:03:05,080 --> 00:03:06,070 jadi ini 40 00:03:06,070 --> 00:03:10,890 bukan lat, garis lintang itu perlu karena komponen penanda akan mencari properti 41 00:03:12,100 --> 00:03:15,390 bernama garis lintang dan itu bisa menjadiLokasi yang 42 00:03:16,710 --> 00:03:17,860 dipilih. lat 43 00:03:17,970 --> 00:03:22,970 katakanlah, terserah kita bagaimana kita menyimpan ini, kita tidak melakukannya sekarang tetapi nanti saya akan menyimpannya sehingga 44 00:03:22,970 --> 00:03:28,100 kita memiliki lat prop di sana dan bujur yang perlu dinamai seperti ini yang dapat menyimpan nilai 45 00:03:28,100 --> 00:03:31,150 disimpan di Lokasi yang dipilih. lng. 46 00:03:31,370 --> 00:03:36,560 Sekarang koordinat marker diatur secara kondisional dan di sini kita sekarang dapat memeriksa apakah kondisi marker benar-benar ada dan 47 00:03:36,890 --> 00:03:44,100 jika benar, kami menggunakan pintasan ini untuk juga mengeluarkan marker di sini. Sekarang koordinat marker juga dapat kita masukkan ke 48 00:03:44,100 --> 00:03:45,900 sini dan harap 49 00:03:45,900 --> 00:03:49,890 dicatat ini adalah koordinat, bukan koordinat, itu hanya koordinat. 50 00:03:49,890 --> 00:03:56,260 Pada titik ini adalah koordinat penanda kami dan sekarang kami hanya perlu memastikan bahwa kami akhirnya menetapkan lokasi yang dipilih dan tentu saja 51 00:03:56,250 --> 00:03:57,420 saya ingin melakukan 52 00:03:57,620 --> 00:04:01,740 ini di sini di penangan lokasi pilihan saya. Di sana saya ingin memanggil 53 00:04:01,820 --> 00:04:08,330 setel lokasi yang dipilih untuk mengatur keadaan saya, meneruskan objek di sana dan mengatur negara saya ke suatu objek 54 00:04:08,330 --> 00:04:16,450 dengan kunci lat karena saya mencoba untuk mengekstrak lat di sana acara. nativeEvent seperti yang Anda lihat dan di sana, ada properti 55 00:04:16,490 --> 00:04:22,580 koordinat ini yang memiliki properti lintang dan kemudian lng yang saya ekstrak juga harus 56 00:04:22,580 --> 00:04:31,520 diatur ke acara. nativeEvent. koordinat. garis bujur. Dan dengan kode ini, kita 57 00:04:31,520 --> 00:04:35,480 harus dapat melihat penanda di peta. Jadi mari kita coba, mari kita 58 00:04:35,480 --> 00:04:36,900 pergi ke iOS, memuat peta 59 00:04:36,950 --> 00:04:38,240 di sana dan 60 00:04:41,190 --> 00:04:47,640 memilih beberapa tempat dan kita melihat penanda di tempat saya mengklik. Sama pada Android semoga, mari kita coba 61 00:04:47,640 --> 00:04:53,480 di sana, buka peta dan memang di sana jika saya mengetuk suatu 62 00:04:53,520 --> 00:04:54,720 tempat, saya 63 00:04:58,440 --> 00:05:01,380 juga menempatkan penanda saya di sana. 64 00:05:01,410 --> 00:05:05,290 Jadi ini adalah bagaimana kita dapat bekerja dengan spidol dan bagaimana kita dapat 65 00:05:05,340 --> 00:05:06,820 memilih tempat, semuanya bagus. 66 00:05:06,810 --> 00:05:12,090 Sekarang pada akhirnya saya ingin dapat mengklik tombol simpan di sana yang belum ada, 67 00:05:12,090 --> 00:05:19,750 yang kemudian menutup peta ini dan melewati lokasi yang dipilih kembali ke layar tempat baru saya pada akhirnya, benar, yang 68 00:05:19,750 --> 00:05:24,940 saya miliki di sini demikian juga. Saya ingin kembali ke layar itu dan tentu saja jenis menyimpan lokasi yang 69 00:05:24,950 --> 00:05:25,500 saya pilih.