17 June 2024
0 0
Read Time:2 Minute, 42 Second

Bagi kamu yang ingin membuat peta lokasi yang dimana harus memakai marker sebagai petunjuk suatu tempat yang akan kunjungi di dalam aplikasi Android. Tetapi, tidak bisa menggunakan layanan Google Maps karena kamu tidak memiliki kartu kredit untuk memasukkan data informasi billing ke dalam Google Cloud.

Tenang, kamu tetap bisa menggunakan layanan Maps bawaan dari Kodular itu sendiri yang tidak mewajibkan memakai kode API Key apapun sehingga kamu tetap bisa membuat peta lokasi di dalam aplikasi Android buatan kamu sendiri. Komponen Maps ini bernama OpenStreetMaps.

Baca juga artikel :  Cara Memasukkan Google Maps API Key di Kodular

Jadi, kamu bisa lebih mudah dalam membuat peta lokasi di dalam aplikasi Android, tidak perlu memasukkan kode API Key apapun, langsung dipakai komponen Maps bawaan dari Kodular saja. Untuk membuat peta dengan layanan Maps (OpenStreetMaps) yang disediakan oleh Kodular bisa dipakai secara gratis.

Dari segi tampilan informasi dalam mengenai peta dari layanan OpenStreetMaps ini tidak selengkap layanan Google Maps. Namun, kamu tetap bisa membuat peta lokasi ke dalam aplikasi Android yang diharapkan dapat permudah terhadap pengguna aplikasi Android yang melibatkan peta.

Penulis memberikan tutorial untuk membuat peta lokasi tanpa bantuan Google Maps di Kodular. Hal ini cocok untuk kamu yang tidak memiliki kode Google Maps API Key.

LANGKAH-LANGKAH

1. Kunjungi situs c.kodular.io

2. Lakukan login secara manual maupun OAtuh System dengan benar.

3. Klik Create Project untuk membuat project baru khusus event klik Label.

4. Berikan nama project yaitu petatanpagooglemaps, klik Next.

5. Untuk pengaturan tampilan UI aplikasi, Package Name, dan lainnya itu dibiarkan saja dan langsung klik Finish. Tunggu beberapa saat sampai muncul tampilan kerja.

6. Aturlah tata letak khusus Screen Utama menjadi tengah semua.

7. Pallete Sensor >>> Drag Location Sensor ke dalam Screen. Hal ini berguna untuk mencari titik lokasi yang berdasarkan titik lokasi pada HP Android.

8. Pallete Maps >>> Drag Map ke dalam Screen. Setelah itu, aturlah ukuran Maps dengan mengiikuti ukuran layar HP Android. Hal ini berguna untuk membuat peta ke dalam aplikasi Android.

9. Pallete Maps >>> Drag Marker ke dalam Screen. Hal ini berfungsi untuk memberikan petunjuk lokasi peta langsung.

10. Aturlah marker dengan sesuai kebutuhan kamu.

11. Klik Blocks.

12. Buatlah blok program untuk mendeteksi titik lokasi di dalam peta secara langsung berdasarkan posisi letak HP Android yang diambil dari GPS.

13. Klik Test >>> Connect to Companion.

14. Masukkan kode Companion ke dalam Aplikasi Kodular Companion yang terpasang di Android.

Baca juga artikel :  Cara Mendapatkan Google Maps API Key khusus Kodular dan Thunkable

TAMPILAN HASIL

Pada tampilan hasil aplikasi untuk pembuatan peta lokasi tanpa bantuan Google Maps di dalam Kodular.

Pada tampilan hasil aplikasi diatas itu mengambil titik lokasi (marker) yang berdasarkan posisi letak HP Android di suatu tempat selama layanan GPS di HP tersebut itu aktif.

Selesai.

PENUTUP

Bagi kamu yang tidak memiliki kode Google Maps API Key untuk membuat peta dengan menggunakan komponen layanan Google Maps, kamu masih bisa membuat peta dengan komponen Maps bawaan dari Kodular.

Selain itu, kamu tidak perlu memasukkan API Key ke dalam layanan Maps yang dari bawaan Kodular sehingga lebih mudah dalam membuat atau menambah fitur peta ke dalam aplikasi Android tanpa khawatir kena tagihan apapun alias gratis.

BACA ARTIKEL LAIN

Baca juga artikel :  Cara Membuat Klik Gambar dalam Aplikasi di Kodular
Baca juga artikel :  Cara Menampilkan Gambar dari Internet di Kodular
Baca juga artikel :  Cara Input Tanggal dengan Date Picker di Kodular
Baca juga artikel :  Keterangan dari Block Program Math pada Kodular
Baca juga artikel :  Cara Memainkan Audio atau Musik dari Internet di Kodular

About Post Author

Dwi Lestari

Saya bukanlah penulis handal dan hanya menyampaikan sesuatu yang bisa disampaikan.
Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
100 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Leave a Reply

Your email address will not be published. Required fields are marked *