Bagaimana cara menambahkan rute google ke situs Anda

Sebagai pakar TI, saya akan menunjukkan cara menambahkan Rute Google ke situs web Anda. Ini akan memungkinkan pengunjung Anda untuk mendapatkan petunjuk arah ke lokasi Anda dari mana pun mereka berada. Pertama, Anda harus membuat kunci Google Maps API. Anda dapat melakukannya dengan membuka Google Developers Console dan membuat proyek baru. Setelah Anda membuat proyek, klik tautan 'Aktifkan dan kelola API' lalu temukan 'Maps Embed API' dan aktifkan. Selanjutnya, Anda harus mendapatkan kode untuk widget Google Routes. Anda dapat menemukan kode ini dengan membuka halaman Google Maps Embed API dan memilih tombol 'Dapatkan Kode'. Salin kode dan tempelkan ke HTML situs web Anda. Terakhir, Anda harus menambahkan kode berikut ke situs web Anda untuk menampilkan widget: Ganti 'YOUR_API_KEY' dengan kunci API yang Anda buat sebelumnya dan 'Your+Destination' dengan alamat lokasi Anda. Simpan perubahan Anda dan selesai! Pengunjung Anda sekarang bisa mendapatkan petunjuk arah ke lokasi Anda dari mana saja di dunia.

Jika kamu ingin tahu cara menambahkan petunjuk arah mengemudi google ke situs web Anda lalu baca postingan ini. Peta Google adalah yang paling populer layanan peta digital Di seluruh dunia. Ini menggunakan informasi lalu lintas waktu nyata untuk menemukan rute terbaik ke tujuan tertentu. Menyematkan Google Map ke blog atau situs web Anda membantu pengunjung melihat lokasi Anda di peta dunia, melihat alamat Anda, dan membaca ulasan (jika ada). Meskipun Anda dapat dengan mudah menyematkan peta di situs web Anda menggunakan pembuat kode sematan Google Maps yang unik, Anda tidak dapat menggunakan peta ini sebagai alat navigasi untuk membantu pengunjung menemukan jalan mereka ke lokasi Anda. Dalam postingan ini, kami akan menunjukkan cara menggunakan Google Maps untuk menunjukkan petunjuk arah mengemudi kepada pengunjung Anda.

Kami akan melihat 2 metode berikut yang dapat Anda gunakan tambahkan petunjuk arah mengemudi Google ke situs web Anda :

Masukkan peta google statis dan gunakan formulir html untuk menunjukkan rute peta
Gunakan Pembuat Peta iFrame

Mari kita lihat metode ini secara detail.

1] Masukkan peta Google statis dan gunakan formulir HTML untuk menunjukkan rute peta.

Metode ini mencakup 2 langkah. Langkah 1 - Menyematkan statis Peta Google yang menunjukkan dengan tepat lokasi Anda. Langkah 2 menambahkan formulir HTML yang menerima lokasi pengguna dan menghasilkan peta rute untuk mereka di Google Maps. Mari kita lihat bagaimana ini bisa dilakukan.

A] Sematkan peta Google di situs web Anda

Luncurkan browser Anda.
membuka Peta Google di tab browser baru.
Masukkan alamat Anda ke bilah pencarian Google Maps di pojok kiri atas.
Pilih lokasi dari daftar hasil yang muncul.
Catatan: Jika Anda tidak dapat menemukan alamat Anda, perbesar Google Maps untuk melacaknya. Anda dapat menggunakan panorama Google Maps Street View untuk menandai lokasi Anda di peta. Setelah menemukannya, Anda dapat memasukkan detail alamat yang benar menggunakan opsi 'Tambahkan lokasi yang hilang' atau 'Tambahkan bisnis Anda', lalu kirimkan lokasi Anda ke Google untuk verifikasi. Ini akan ditambahkan dalam beberapa jam setelah permintaan diajukan.
Saat Google Maps muncul untuk menunjukkan dengan tepat lokasi Anda, klik ikon tersebut Membagikan ikon.
Beralih ke Sematkan peta tab
Tekan Salin HTML tautan untuk menyalin kode peta ke papan klip Anda. Anda dapat memutuskan seberapa besar atau kecil peta yang Anda inginkan muncul di situs web Anda dengan memilih ukuran yang telah ditentukan sebelumnya (kecil, sedang, besar) atau dengan memasukkan ukuran khusus.
Lalu pergi ke panel admin situs Anda.
Buka halaman web tempat Anda ingin menyematkan peta.
Beralih ke tampilan editor kode.
Tempelkan kode.
Keluar dari editor kode. Anda akan dapat melihat pratinjau Google Maps.

B] Gunakan formulir HTML untuk membuat rute navigasi di Google Maps.

Kembali ke tampilan editor kode.
Tambahkan kode yang ditunjukkan pada gambar berikut di bawah kode Google Map:
Ganti nilai alamat tujuan yang disorot pada gambar dengan alamat lokasi Anda.
Keluar dari tampilan editor kode.
Pratinjau kode dan periksa apakah berfungsi dengan menambahkan alamat di bidang 'Masukkan alamat' dan klik tombol Tunjukkan arah yang harus saya tuju tombol.
Langkah-langkah di atas harus rute tampilan dari alamat yang dimasukkan ke lokasi Anda di Google Maps.
Jika semuanya baik-baik saja, maka Anda bisa Menerbitkan Kode.

2] Gunakan Generator Peta iFrame

Luncurkan browser Anda.
membuka Pembuat Peta HTML gratis di tab browser baru.
Masukkan alamat Anda di Masukkan alamat Anda bidang pencarian di panel kiri.
Lokasi Anda akan ditampilkan di Google Maps di sisi kanan layar. Anda dapat mengatur jenis peta, jarak zoom, lebar atau tinggi. Anda juga dapat membuat peta responsif dengan mengeklik tombol sakelar di sebelah Jadikan peta responsif pilihan.
Klik Hasilkan kode HTML tombol dibawah.
Kode akan muncul. Tekan di Salin kode ke papan klip tombol.
Masuk ke panel admin situs Anda.
Buka halaman tempat Anda ingin meletakkan peta.
Beralih ke tampilan editor kode.
Tempelkan kode.
Keluar dari editor kode.
Klik Pratinjau tombol. Pratinjau peta akan muncul.
Klik Arah ikon.
Google Maps akan terbuka dengan alamat Anda yang telah diisi sebelumnya sebagai tujuan Anda.
Masukkan alamat awal. Anda juga bisa menggunakan Lokasimu opsi untuk mengizinkan Google Maps menggunakan lokasi Anda saat ini.
Peta rute akan muncul.
Jika semuanya bekerja dengan baik, Menerbitkan halaman.

Dengan cara ini, pengunjung Anda dapat melihat lokasi Anda di Google Maps yang disematkan di situs web Anda dan menemukan petunjuk arah dari lokasi mereka ke lokasi Anda. Semoga postingan ini bermanfaat bagi Anda. Beri tahu kami di komentar jika Anda memiliki pertanyaan.

Baca juga: Alternatif Google Maps Terbaik untuk Penggunaan Sehari-hari.

Dapatkah saya menambahkan Google Maps ke situs web saya?

Ya, Anda dapat menambahkan Google Maps ke situs web atau blog Anda. menggunakan Google Embed Code Generator atau Google HTML Map Generator gratis. . Kedua opsi ini memungkinkan Anda menyematkan peta Google yang menunjukkan alamat Anda dengan bola merah, meskipun ada sedikit perbedaan di antara keduanya. Sementara yang pertama memungkinkan Anda menyematkan peta statis yang memungkinkan pengunjung Anda melihat lokasi persis Anda, tempat menarik terdekat, dll., yang terakhir menawarkan Arah fitur yang membuat peta rute lengkap yang dapat mereka gunakan untuk menemukan petunjuk arah mengemudi ke lokasi Anda. Bergantung pada kebutuhan Anda, Anda dapat menggunakan salah satu opsi ini untuk menambahkan Google Maps ke situs web atau blog Anda.

Bagaimana saya bisa mendapatkan kode semat Google Maps?

Mendapatkan kode embed Google Maps cukup mudah. Cukup buka Google Maps di tab baru di jendela browser Anda dan masukkan alamat Anda di bilah pencarian yang tersedia. Saat Maps memilih dan menampilkan alamat Anda, klik ikon tersebut Membagikan ikon. Di jendela Bagikan, klik tombol Sematkan peta tab Lalu klik Salin HTML tautan ditampilkan di sudut kanan atas. Itu saja! Anda juga dapat mengeklik menu (ikon hamburger) dari Google Maps dan mengeklik ikon tersebut Bagikan atau sematkan peta pilihan. Cara lain untuk mendapatkan kode ini adalah melalui Pembuat Peta HTML Gratis (Maps iFrame Generator) seperti yang dijelaskan dalam metode 2 pada posting di atas.

Baca selengkapnya: Kiat dan trik Google Maps terbaik untuk menjadikan Anda seorang profesional.