Lewati ke konten utama
Waktu baca 5 menit (1029 kata)

Cara Menghubungkan dan Mencari dengan Joomla dan OpenStreetMap

CARA-MENGHUBUNGKAN-DAN-MENCARI-DENGAN-JOOMLA-DAN-OPENSTREETMAP

Ketika kami menawarkan layanan melalui situs web kami atau ketika kami memiliki kantor fisik, sangat penting bahwa pelanggan mengetahui lokasi yang tepat, karena ini memberikan keamanan yang lebih besar ketika memilih kami sebagai pilihan terbaik mereka dan pilihan terbaik untuk membiarkan mereka mengetahui lokasi yang tepat adalah dengan menggunakan peta.

Joomla menawarkan banyak pilihan untuk menyematkan peta dan salah satu pilihan terbaik adalah My Maps Locations yang memungkinkan Anda menghubungkan situs Anda dengan penyedia peta seperti Google Maps, Bing, dan OpenStreetMap.
OpenStreetMap adalah penyedia peta yang sangat populer dengan banyak pilihan untuk menghubungkannya dengan situs Anda tetapi Anda mungkin membutuhkan bantuan pengembang untuk mencapainya jadi jangan khawatir lagi, My Maps Locations menawarkan Anda opsi untuk melakukannya sendiri dengan cara yang sangat mudah. Pada langkah berikutnya, kami akan melihat betapa mudahnya menghubungkan OpenStreetMap dengan Joomla.

 Daftar Isi

Menyiapkan Ekstensi OpenStreetMap Joomla Ini 

Untuk memulai penggunaan ekstensi OpenStreetMap Joomla ini, kami akan menggunakan Joomla yang dihosting secara lokal.
Untuk menghubungkan situs Joomla Anda dengan OpenStreetMap, Anda hanya perlu pergi ke Components > My Maps Location > Configuration > General Configuration dan atur OpenStreetMap sebagai penyedia peta serta sebagai pencarian Autocomplete, cukup dengan mengkliknya.

Sekarang semuanya sudah siap, Anda memiliki opsi untuk mengubah jenis OpenStreetMap di tab “Penyedia Peta”.

Kami akan menggunakan OpenStreetMap.Mapnik.
Setelah Anda selesai melakukan semuanya, cukup klik Simpan dan semuanya akan selesai. 

Mari Tampilkan Lokasi pada Ekstensi Peta Joomla Ini 

Sekarang kita telah menetapkan OpenStreetMaps sebagai penyedia peta, kita akan mulai menambahkan lokasi dan kategori untuk menampilkannya di frontend, pertama-tama kita akan membuat kategori untuk menambahkan lokasi di dalamnya.

Kategori adalah cara lokasi diklasifikasikan, kategori ditampilkan di frontend sebagai filter atau digunakan sebagai parameter yang telah ditentukan dalam item menu untuk memuat beberapa lokasi yang dikategorikan.
Disarankan untuk menggunakan kategori ini ketika Anda memiliki banyak lokasi, memungkinkan untuk membuat kategori dan subkategori. Untuk membuat kategori baru pergi ke Komponen > My Maps Location > Kategori dan klik pada Baru. 

Sekarang, Anda harus mengisi judul, dan jika Anda ingin menetapkan kategori itu sebagai subkategori, Anda harus memilih folder induk di bagian kanan.

Perhatikan bahwa di bagian ini, Anda dapat mengatur kategori ini sebagai dipublikasikan/tidak dipublikasikan dan menambahkan parameter lain seperti privasi, bahasa, tag, dan catatan. Anda juga dapat menentukan penanda default untuk lokasi dalam kategori pada tab “Please select a marker tab”, pergi ke tab tersebut dan klik pada SELECT, akhirnya pilih penanda yang ingin Anda gunakan dan klik pada “Insert”.

Setelah penanda didefinisikan dan kategori selesai, cukup klik pada Simpan dan semuanya akan selesai untuk kategori tersebut. Langkah selanjutnya adalah membuat lokasi baru untuk menampilkannya di antarmuka depan.
Untuk membuat lokasi, pergi ke Komponen > My Maps Location > Lokasi > Baru.
Ada 3 bidang yang harus diisi:

  • Nama lokasi.
  • Kategori lokasi.
  • Detail lokasi (alamat).

Ada 3 opsi untuk menambahkan alamat:

  • Gunakan bidang pencarian.
  • Navigasi ke peta dan gunakan kursor untuk menunjuk lokasi.
  • Isi alamat.

Ada bidang lain yang dapat Anda isi tetapi ini adalah yang diperlukan, untuk contoh ini, kita akan mengisi 3 bidang ini.
Untuk contoh ini, kita akan menggunakan Big Ben sebagai lokasi. 

Ini semudah menulis “Big Ben” di bilah pencarian dan mengklik “SEARCH”. Anda juga dapat bergerak di peta dan menempatkan penanda secara langsung, hasilnya akan sama dan Anda akan mendapatkan lintang dan bujur yang terisi otomatis. Semua informasi lain tentang lokasi (deskripsi, jam operasional, ...) ditampilkan dalam tampilan detail lokasi. Tautan kontak dalam pengeditan detail lokasi adalah kemungkinan untuk menambahkan tautan kontak, mailto, atau URL per lokasi. Di frontend, akan ada tombol kontak yang akan membuka URL atau menjalankan aksi mailto. Akhirnya, klik pada Save, lokasi akan dibuat.

 

Langkah terakhir adalah untuk akhirnya menampilkan lokasi, untuk contoh ini, kami akan menambahkan lokasi dengan menggunakan modul, My Maps Location dilengkapi dengan 2 modul untuk lokasi native + lainnya untuk integrasi pihak ketiga (seperti modul untuk menampilkan lokasi item K2).
Modul ini akan memungkinkan Anda menggunakan filter yang sama seperti menu tetapi di posisi modul, Anda dapat menampilkan lokasi sebagai peta atau daftar dan Anda juga memiliki opsi untuk memilih beberapa lokasi atau kategori lokasi.
Langsung pergi ke Ekstensi > Moduls dan klik pada Baru kemudian, pilih Modul Peta My Maps Location. 

Di bagian ini, Anda akan dapat mengatur semuanya untuk modul, ingatlah untuk mengatur OpenStreetMap sebagai penyedia peta.

Kami telah memanggil kategori OpenStreetMap sebagai kategori untuk peta yang telah kami buat sebelumnya.
Terakhir, klik saja Simpan dan Modul Peta akan selesai.

Kami telah menambahkannya ke bagian kanan dan terlihat cukup bagus.
Seperti yang Anda lihat, sangat mudah untuk diatur dan hanya perlu beberapa klik untuk menyelesaikannya.

Mulai gunakan My Maps Location dan buat Situs Web Joomla terbaik

Dalam posting ini, kami hanya menunjukkan beberapa fitur dari ekstensi luar biasa ini, semua fitur seperti Hikashop integration sangat mudah digunakan dan akan membuat situs Anda terlihat sangat profesional sehingga pertanyaannya sekarang adalah… Apa yang Anda tunggu? Pergi di sini dan dapatkan keanggotaan Anda sekarang!

Tetap Terinformasi

Ketika Anda berlangganan blog, kami akan mengirimkan email kepada Anda ketika ada pembaruan baru di situs sehingga Anda tidak akan melewatkannya.

Postingan Terkait

 

Komentar

Belum ada komentar. Jadilah yang pertama untuk mengirimkan komentar
Sudah Terdaftar? Masuk Di Sini
Selasa, 26 Mei 2026

Gambar Captcha