Cara Menambahkan Peta Interaktif di WordPress

Apakah Anda ingin menambahkan peta interaktif di WordPress? Peta interaktif memungkinkan pengguna Anda menjelajahi rute, perjalanan, dan rencana perjalanan dengan mengklik penanda peta atau dengan menggerakkan mouse. Pada artikel ini, kami akan menunjukkan cara menambahkan peta interaktif dengan mudah di WordPress.

Video tutorial

Daftar ke WPBeginner

Jika Anda tidak menyukai video tersebut atau membutuhkan petunjuk lebih lanjut, baca terus.

metode 1: Tambahkan peta interaktif di WordPress menggunakan Google My Maps

Metode ini lebih sederhana dan tidak mengharuskan Anda menginstal plugin di situs WordPress Anda.

Pertama, Anda harus pergi ke situs web Google My Maps dan klik tombol “Buat Peta Baru”.

Ini akan membawa Anda ke halaman edit peta. Pada layar ini, Anda dapat membuat peta Anda dengan memilih peta dasar, menambahkan POI, lapisan, dan banyak lagi.

Menggunakan bilah alat di bagian atas, Anda dapat menggambar garis pada peta, menambahkan rute, menggunakan penggaris, dan memilih elemen.

Semua elemen peta disimpan di lapisan di sebelah kiri. Anda dapat menambah, mengedit, mengganti nama, atau bahkan menghapus lapisan. Anda juga dapat mengeklik item apa pun di lapisan Anda untuk menambahkan deskripsi, mengubah judul, atau menambahkan foto/video.

Setelah Anda selesai mengedit peta Anda, Anda harus membuatnya menjadi publik sebelum Anda dapat menggunakannya di situs web Anda. Anda dapat melakukannya dengan mengeklik tombol bagikan di panel edit.

Ini akan membuka pusat berbagi di mana Anda harus mengklik “Ubah” di bagian “Siapa yang memiliki akses”.

Selanjutnya, Anda harus memilih “Diaktifkan – Publik di web” dan kemudian klik tombol Simpan.

Kemudian, klik “Selesai” untuk menutup pusat berbagi.

Di panel edit, klik ikon menu di sebelah nama peta, lalu pilih “Sisipkan ke situs saya”.

Anda sekarang akan melihat kode sematan yang perlu Anda salin.

Lalu pergi ke posting atau halaman di mana Anda ingin menambahkan peta WordPress interaktif Anda. Pada layar pengeditan berikutnya, Anda perlu beralih ke editor teks dan menempelkan kode sisipan peta yang Anda salin sebelumnya.

Anda sekarang dapat menyimpan perubahan dan melihat pratinjau posting Anda untuk melihat peta interaktif Anda beraksi.

metode 2: Tambahkan peta interaktif di WordPress menggunakan plugin

Meskipun Anda dapat membuat dan menambahkan peta interaktif dengan Google Maps, itu masih kekurangan fitur tertentu dan terbatas pada Google Maps.

Jika Anda ingin menggunakan Open Street Maps, Bing atau layanan pemetaan lainnya, maka metode ini cocok untuk Anda.

Hal pertama yang harus Anda lakukan adalah menginstal dan mengaktifkan plugin Maps Marker Pro. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami tentang cara menginstal plugin WordPress.

Setelah aktivasi, Anda harus mengakses Penanda Peta Pro halaman untuk membuat peta interaktif Anda. Untuk memulai, Anda harus mengklik tombol “Tambahkan Lapisan Baru”.

Selanjutnya, Anda perlu memberikan nama untuk layer Anda dan klik publish.

Sekarang setelah Anda membuat layer, Anda siap untuk menambahkan penanda peta ke dalamnya. Untuk pergi Maps Marker Pro »Tambahkan penanda baru halaman untuk menambahkan bookmark pertama Anda.

Pertama-tama Anda harus memasukkan judul penanda, lalu mencari lokasi dan memilihnya.

Anda juga perlu menempatkan penanda Anda pada lapisan yang Anda buat sebelumnya. Anda dapat melakukan ini dengan mengetikkan nama kelas di bidang kelas dan memilihnya.

Jangan lupa untuk mengklik tombol “Terbitkan” untuk menyimpan bookmark Anda.

Ulangi proses untuk menambahkan lebih banyak penanda ke lapisan.

Setelah selesai menambahkan bookmark, Anda dapat mengedit posting atau halaman WordPress yang ingin Anda tambahi peta.

Pada layar edit terbitkan, klik tombol “Tambahkan peta”.

Sebuah pop-up akan muncul menampilkan semua penanda di peta Anda dan lapisan yang Anda buat sebelumnya. Anda harus memilih layer dan klik tombol Insert Map.

Plugin akan menambahkan kode pendek yang diperlukan di area editor posting Anda. Sekarang Anda dapat menyimpan atau menerbitkan kiriman dan mempratinjaunya untuk melihat peta interaktif Anda.

Anda selalu dapat mengedit layer utama Anda untuk menyesuaikan ukuran dan dimensi peta.

Maps Marker Pro adalah plugin yang kuat dengan banyak pilihan seperti peta multi-layer, penanda kustom, petunjuk arah, dukungan GPX, ekspor peta dalam berbagai format dan banyak lagi. Anda dapat menjelajahi opsi ini untuk membuat peta Anda lebih interaktif.

Kami harap artikel ini membantu Anda mempelajari cara menambahkan peta interaktif di WordPress. Anda juga dapat melihat daftar plugin Google Maps terbaik untuk WordPress.

Jika Anda menyukai artikel ini, berlangganan saluran kami YouTube untuk menonton video tutorial WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.