Skip to content

emka.web.id

menulis pengetahuan – merekam peradaban

Menu
  • Home
  • Tutorial
  • Search
Menu

Bagaimana cara menambahkan Google Driving Directions ke situs web Anda

Posted on October 23, 2022

Jika Anda ingin tahu cara menambahkan petunjuk arah mengemudi Google ke situs web Anda, baca posting ini. Google Maps adalah layanan peta digital paling populer 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 Anda melihat lokasi Anda di peta Dunia, melihat alamat Anda, dan membaca ulasan (jika tersedia). Meskipun Anda dapat dengan mudah menyematkan peta ke situs web Anda menggunakan pembuat kode Embed unik Google Map, Anda tidak dapat menggunakan peta itu sebagai alat navigasi untuk membantu pengunjung Anda menemukan petunjuk arah ke lokasi Anda. Dalam posting ini, kami akan menunjukkan cara menggunakan Google Maps untuk menunjukkan petunjuk arah mengemudi kepada pengunjung Anda.

Cara menambahkan Google Driving Directions ke situs web Anda

Kami akan membahas 2 metode berikut yang dapat digunakan untuk menambahkan Google Driving Directions ke situs web Anda:
Sematkan Google Map Statis dan gunakan Formulir HTML untuk menampilkan Rute PetaGunakan Peta iFrame Generator
Mari kita lihat metode ini secara detail.

1] Sematkan Google Map Statis dan gunakan Formulir HTML untuk menampilkan Rute Peta

Metode ini melibatkan 2 langkah. Langkah 1 adalah menyematkan Google Map statis yang menunjukkan lokasi Anda. Langkah 2 adalah menambahkan formulir HTML yang menerima lokasi pengguna dan membuat peta rute untuknya di Google Maps. Mari kita lihat bagaimana ini bisa dilakukan.
A] ​​Sematkan Google Map ke Situs Web AndaLuncurkan browser Anda.Buka Google Maps di tab browser baru.Ketik alamat Anda di bilah pencarian Google Maps di sudut 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 Street View Google Map untuk menunjukkan lokasi Anda di peta. Setelah menemukannya, Anda dapat memasukkan detail alamat yang tepat menggunakan opsi `Tambahkan tempat yang belum ada` atau Tambahkan bisnis Anda, lalu kirimkan lokasi Anda ke Google untuk ditinjau. Ini akan ditambahkan dalam beberapa jam setelah pengajuan permintaan. Ketika Google Maps muncul untuk menunjukkan lokasi Anda, klik ikon Bagikan. Beralih ke tab Sematkan peta. Klik tautan Salin HTLM untuk menyalin kode peta ke papan klip Anda. Anda dapat memutuskan seberapa besar atau kecil Anda ingin peta muncul di situs web Anda dengan memilih ukuran yang telah ditentukan (kecil, sedang, besar) atau memasukkan ukuran khusus. Kemudian buka panel admin situs web Anda. Buka halaman web tempat Anda ingin menyematkan peta.Beralih ke tampilan Editor Kode.Tempel kode.Keluar dari Editor Kode. Anda akan dapat melihat pratinjau Google Maps.B] Gunakan formulir HTML untuk membuat Rute Navigasi di Google MapsBeralih kembali ke tampilan Editor Kode.Tambahkan kode yang ditunjukkan pada gambar berikut di bawah kode Google Map:Ganti nilai dari alamat tujuan seperti yang disorot pada gambar dengan alamat lokasi Anda.Keluar dari tampilan Editor Kode.Pratinjau kode dan periksa apakah kode berfungsi, dengan menambahkan alamat di bidang `Masukkan alamat Anda` dan menekan tombol Tunjukkan Petunjuk Arah Mengemudi .Tindakan di atas akan menampilkan rute dari alamat yang dimasukkan ke lokasi Anda di Google Maps.Jika semuanya berfungsi dengan baik, Anda dapat Memublikasikan kode.
2] Gunakan Maps iFrame Generator
Luncurkan browser Anda.Buka Generator Peta HTML Gratis di tab browser baru. Masukkan alamat Anda di kotak pencarian Ketik Alamat Anda di panel kiri. Lokasi Anda akan muncul di Google Maps di sisi kanan layar. Anda dapat menyesuaikan Jenis Peta, Jarak Zoom, Lebar atau Tinggi. Anda juga dapat membuat peta menjadi responsif dengan mengklik tombol sakelar di sebelah opsi Jadikan Peta Responsif. Klik tombol Buat Kode HTML di bagian bawah. Kode akan muncul. Klik tombol Salin kode ke papan klip.Buka panel admin situs web Anda.Buka halaman tempat Anda ingin menempatkan peta.Beralih ke tampilan Editor Kode.Tempel kode.Keluar dari Editor Kode.Klik tombol Pratinjau. Pratinjau peta akan muncul.Klik pada ikon Petunjuk Arah.Google Maps akan terbuka dengan alamat Anda yang telah diisi sebelumnya sebagai alamat tujuan.Masukkan alamat awal. Anda juga dapat menggunakan opsi Lokasi Anda untuk mengizinkan Google Maps menggunakan lokasi Anda saat ini. Rute Peta akan muncul. Jika semuanya berfungsi dengan baik, Publikasikan halaman.
Ini adalah cara pengunjung Anda dapat melihat lokasi Anda di Google Maps yang telah disematkan ke situs web Anda dan temukan petunjuk arah mengemudi dari lokasi mereka ke lokasi Anda. Semoga Anda menemukan posting ini bermanfaat. 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 Embed Code Generator Google atau Generator Peta HTML gratis dari Google. Kedua opsi ini memungkinkan Anda untuk menyematkan Google Map yang menunjukkan alamat Anda dengan Balon Merah, meskipun ada sedikit perbedaan di antara keduanya. Sementara yang pertama memungkinkan Anda menyematkan peta statis yang memungkinkan pengunjung melihat lokasi persis Anda, bangunan terkenal di sekitar, dll., yang terakhir menawarkan fitur Petunjuk Arah yang membuat peta rute lengkap yang dapat mereka gunakan untuk menemukan petunjuk arah mengemudi ke lokasi Anda. Tergantung pada kebutuhan Anda, Anda dapat menggunakan salah satu dari opsi ini untuk menambahkan Google Maps ke situs web atau blog Anda.

Bagaimana Saya Bisa Mendapatkan Kode Sematan Google Maps?

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

Baca Selanjutnya:Tips dan Trik Google Maps Terbaik yang akan menjadikan Anda Pro dalam menggunakannya.

Terbaru

  • Hasil Penelitian: Boneka Melatih Kecerdasan Emosional Anak
  • SALAH! MIT Ungkap AI Tidak Ganti Karyawan Karena Efisiensi
  • Inilah Inovasi Terbaru Profesor UI: Pelumas Mobil dari Minyak Nabati!
  • Daftar Sekarang! Beasiswa S2 di Italia dari IYT Scholarship 2026 Sudah Dibuka
  • Sejarah Hantavirus dan Perkembangannya Sampai ke Indonesia
  • Kementerian Pendidikan: Mapel Bahasa Inggris Wajib di SD Mulai 2027!
  • Ketua Fraksi PKB MPR-RI: Kemenag Respon Cepat Pendidikan Santri Ndolo Kusumo Pati yang Terdampak
  • Viral Video Sejoli Di Balai Kota Panggul Trenggalek, Satpol PP Janji Usut
  • Video Viral Wakil Wali Kota Batam Tegur Keras Pasir Ilegal
  • LPDP Buka Peluang Beasiswa S3 Prancis 2026, Simak Syaratnya!
  • Inilah Panduan Lengkap dan Aturan Main Seleksi Penerimaan Murid Baru (SPMB) SMA dan SMK Negeri Jawa Tengah Tahun 2026
  • Inilah Syarat dan Cara Daftar MOFA Taiwan Fellowship 2027
  • RESMI! Inilah Macam Jalur di SPMB Sekolah Tahun Ajaran 2026
  • Ini Loh Rute Terbaru TransJOGJA Per Mei 2026, Jangan Salah Naik!
  • Inilah Jadwal Operasional MRT Jakarta Per Mei 2026, Berubah Dimana?
  • Inilah Syarat dan Mekanisme Seleksi Siswa Unggul ITB Jalur Talenta (OSN, Seniman, Hafidz, Atlet dll) 2026/2027
  • Inilah Daftar Saham Farmasi di BEI Per Mei 2026, Pilih Mana?
  • Kesehatan Mental Itu Penting: Inilah Isi Chat Terakhir Karyawan Minimarket Sukabumi Bundir
  • Inilah Kampus Swasta Terbaik Jurusan Farmasi di Area Malang Raya
  • Cara Login EMIS 4.0 Kemenag Terbaru 2026 Pakai Akun Lembaga dan PTK Guru Madrasah Aktivasi
  • Survei Parpol Terbaru: Gerindra Unggul, PDIP Ketiga, PKB 5%
  • PKB Resmi Jalin Kerjasama dengan Institut Teknologi & Sains NU Kalimantan
  • Inilah Urutan Terbaru Pangkat TNI Angkatan Darat! (Update 2026)
  • Inilah Panduan Lengkap Operator Sekolah Mengelola SPTJM e-Ijazah dan Menghindari Kesalahan Fatal Data Kelulusan
  • Inilah Syarat dan Penilaian Seleksi Siswa Unggul ITB Jalur UTBK
  • Download Video Viral Guru Bahasa Inggris? Awas Berisi Virus!
  • PKB Minta Kasus C4bul Pendiri Ponpes Pati Tidak Ada Ampunan & Tuntutan Maksimal
  • Inilah Kronologi Video Viral Preman vs Sopir Di Sumedang
  • Ini Alasan UKP Pariwisata Disindir Konten Kreator Drone Gunung Rinjani
  • Inilah Kronologi Viral Video Dugaan Asusila Pegawai Disdik Pasuruan di Mobil Dinas
  • How to build a high-performance private photo cloud with Immich and TrueNAS SCALE
  • How to Build an Endgame Local AI Agent Setup Using an 8-Node NVIDIA Cluster with 1TB Memory
  • How to Master Windows Event Logs to Level Up Your Cybersecurity Investigations and SOC Career
  • How to Build Ultra-Resilient Databases with Amazon Aurora Global Database and RDS Proxy for Maximum Uptime and Performance
  • How to Build Real-Time Personalization Systems Using AWS Agentic AI to Make Every User Feel Special
  • How to Automate Your Entire SEO Strategy Using a Swarm of 100 Free AI Agents Working in Parallel
  • How to create professional presentations easily using NotebookLM’s AI power for school projects and beyond
  • How to Master SEO Automation with Google Gemini 3.1 Flash-Lite in Google AI Studio
  • How to create viral AI video ads and complete brand assets using the Claude and Higgsfield MCP integration
  • How to Transform Your Mac Into a Supercharged AI Assistant with Perplexity Personal Computer
  • Apa itu Spear-Phishing via npm? Ini Pengertian dan Cara Kerjanya yang Makin Licin
  • Apa Itu Predator Spyware? Ini Pengertian dan Kontroversi Penghapusan Sanksinya
  • Mengenal Apa itu TONESHELL: Backdoor Berbahaya dari Kelompok Mustang Panda
  • Siapa itu Kelompok Hacker Silver Fox?
  • Apa itu CVE-2025-52691 SmarterMail? Celah Keamanan Paling Berbahaya Tahun 2025

©2026 emka.web.id | Design: Newspaperly WordPress Theme