Lewati ke konten utama
5 menit waktu membaca (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 memerlukan bantuan dari pengembang untuk mencapainya, jadi jangan khawatir lagi, My Maps Locations menawarkan Anda pilihan untuk melakukannya sendiri dengan cara yang sangat mudah. Pada langkah-langkah berikutnya, kita akan melihat betapa mudahnya menghubungkan OpenStreetMap dengan Joomla.

 Daftar Isi

Menyiapkan Ekstensi OpenStreetMap Joomla Ini 

Untuk mulai menggunakan ekstensi Joomla OpenStreetMap ini, kami akan menggunakan Joomla yang dihosting secara lokal.
Untuk menghubungkan situs Joomla Anda dengan OpenStreetMap, Anda hanya perlu pergi ke Komponen > My Maps Location > Konfigurasi > Konfigurasi Umum dan atur OpenStreetMap sebagai penyedia peta dan juga sebagai pencarian pelengkapan otomatis, ini dilakukan hanya dengan mengklik mereka.

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, Anda dapat membuat kategori dan subkategori. Untuk membuat kategori baru, pergi ke Komponen > My Maps Location > Kategori dan klik Baru.

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

Perlu diingat bahwa di bagian ini, Anda dapat mengatur kategori ini sebagai terbit/tidak terbit dan menambahkan parameter lain seperti privasi, bahasa, tag, dan catatan. Anda juga dapat menentukan penanda default untuk lokasi dalam kategori di “tab Pilih penanda”, buka tab itu dan klik PILIH, akhirnya pilih penanda yang ingin Anda gunakan dan klik “Sisipkan”.

Sekarang setelah marker ditentukan dan kategori selesai, cukup klik Simpan dan semuanya akan selesai untuk kategori itu. Langkah berikutnya adalah membuat lokasi baru untuk menampilkannya di frontend.
Untuk membuat lokasi, pergi ke Komponen > My Maps Location > Lokasi > Baru.
Ada 3 bidang yang harus diselesaikan:

  • 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.

Sangatlah sederhana seperti menulis “Big Ben” di bilah pencarian dan klik pada “SEARCH”. Anda juga dapat memindahkan peta dan meletakkan penanda secara langsung, hasilnya akan sama dan Anda akan mendapatkan garis lintang serta bujur yang terisi secara otomatis. Semua informasi lain tentang lokasi (deskripsi, jam, ...) ditampilkan dalam tampilan detail lokasi. Tautan kontak di detail lokasi adalah kemungkinan untuk menambahkan tautan kontak, mailto, atau URL per lokasi. Di frontend, itu akan menjadi tombol kontak yang akan membuka URL atau menjalankan tindakan mailto. Terakhir, klik pada Simpan, lokasi akan dibuat.

 

Langkah terakhir adalah untuk akhirnya menampilkan lokasi, untuk contoh ini, kita akan menambahkan lokasi dengan menggunakan modul, My Maps Location hadir dengan 2 modul untuk lokasi native + lainnya untuk integrasi pihak ketiga (seperti modul untuk menampilkan lokasi item K2).
The modul akan memungkinkan Anda untuk menggunakan filter yang sama seperti menu tetapi dalam posisi modul, Anda dapat menampilkan lokasi sebagai peta atau daftar dan Anda juga memiliki opsi untuk memilih beberapa lokasi atau kategori lokasi.
Cukup 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 postingan ini, kami hanya menampilkan beberapa fitur ekstensi yang luar biasa ini, semua fitur seperti integrasi Hikashop 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
Wednesday, April 01, 2026

Gambar Captcha