Widget Google Maps HTML

Tampilkan peta interaktif di situs HTML Anda dengan beberapa lokasi, detail kontak, dan dukungan navigasi untuk membantu pengguna menemukan tempat Anda dengan mudah.
Rating 4,8
Lebih dari 10.000 ulasan
Rencana gratis tersedia
Buat Widget Gratis
Tidak perlu kartu kredit
HTML Google Maps Widget

Buat widget Google Maps Anda

Atur widget Anda dan tambahkan ke situs HTML Anda secara gratis!

Cuplikan Layar

HTML Google Maps Widget
1 / 6

Mengapa Orang Suka Elfsight

Pengunjung situs Anda sering ingin mengetahui satu hal sederhana: di mana lokasi Anda? Widget Google Map dari Elfsight menjelaskan itu dengan jelas. Dengan widget ini, Anda bisa menambahkan peta yang interaktif, bermerk sesuai gaya Anda, dan mudah dinavigasi.

Tanpa Coding, tidak ada masalah pengkodean dan tidak perlu pengaturan yang rumit. Anda bisa memasangnya dalam hitungan menit – bahkan jika ini adalah percobaan pertama Anda.

Tahukah Anda?

Penelitian dari Think with Google menemukan bahwa 76% orang yang mencari sesuatu di sekitar lokasi akan mengunjungi bisnis terkait dalam satu hari.

Mulailah menggunakan plugin peta HTML gratis dari Elfsight hari ini dan pastikan pelanggan selalu bisa menemukan arah menuju lokasi Anda.

Fitur Utama Widget Peta Google untuk HTML

Elfsight memudahkan menambahkan peta ke situs HTML Anda. Inilah hal-hal yang menonjol:

  • Penanda kustom: Gunakan pin bermerek, warna, atau ikon untuk menonjolkan lokasi Anda.
  • Beberapa lokasi: Tampilkan satu cabang atau puluhan – sangat cocok untuk bisnis dengan lebih dari satu alamat.
  • Interaktif: Pengunjung bisa memperbesar, menggeser, dan menjelajah tanpa meninggalkan situs Anda.
  • Kontrol Gaya: Sesuaikan warna peta, tema, dan tata letak agar selaras dengan identitas merek Anda.
  • Popup dan detail: Tambahkan deskripsi, informasi kontak, atau gambar saat pengguna mengklik penanda.
  • Desain responsif: Berfungsi mulus di desktop, tablet, dan ponsel.
  • Pengaturan Tanpa Coding: Anda bisa menanamkannya dengan menyalin-tempel potongan kode secara sederhana.

Uji editor langsung untuk semua fitur – tidak perlu mendaftar

Cara Menambahkan Google Maps ke HTML

Sesimpel salin-tempel. Berikut cara menyematkan peta di HTML langkah demi langkah:

  1. Pilih templat: Buka editor Elfsight dan pilih gaya peta yang paling cocok.
  2. Sesuaikan: Tambahkan alamat Anda, tetapkan penanda kustom, sesuaikan tingkat zoom, dan pilih warna.
  3. Hasilkan kode: Klik “Tambahkan ke situs web secara gratis” dan salin cuplikan instalasi.
  4. Sisipkan di HTML: Buka berkas HTML Anda, tempelkan kode di tempat peta akan muncul, lalu simpan.

Butuh bantuan? Kunjungi Pusat Bantuan kami atau lihat panduan blog kami tentang cara menyematkan Google Maps di HTML. Anda juga bisa mengusulkan ide-ide baru di Daftar Keinginan atau mengikuti pembaruan di Catatan Perubahan.

Bisakah saya menyematkan Google Maps di situs HTML statis?

Ya, Elfsight bekerja di situs HTML statis mana pun. Cukup tempelkan kode pemasangan ke sumber halaman Anda di lokasi tempat peta akan muncul.

Apakah saya perlu hosting khusus untuk menggunakan widget Google Maps pada HTML?

Tidak diperlukan paket hosting khusus. Selama situs HTML Anda mendukung JavaScript, Google Maps akan ditampilkan dan berfungsi dengan baik.

Apakah saya membutuhkan kunci API Google Maps sendiri untuk situs HTML?

Ya, widget ini berjalan di API Google Maps resmi, jadi Anda harus membuat dan menghubungkan kunci API Anda sendiri dengan penagihan diaktifkan di akun Google Cloud Anda.

Bisakah saya menampilkan beberapa lokasi di satu peta?

Ya, Anda bisa menambahkan beberapa penanda ke satu peta interaktif, membuatnya mudah menampilkan kantor, toko, atau titik layanan secara bersamaan.

Bagaimana pengunjung bisa mendapatkan petunjuk arah dari peta di situs HTML saya?

Pengguna dapat mengeklik penanda lokasi dan membuka arah berkendara di Google Maps, secara otomatis menghasilkan rute dari lokasi mereka saat ini.

Informasi apa saja yang bisa muncul di popup penanda?

Setiap penanda dapat mencakup detail seperti alamat, telepon, email, tautan situs web, jam operasional, sebuah gambar, dan deskripsi singkat.

Bagaimana cara menambahkan lokasi ke peta saya di HTML?

Masukkan alamat atau nama lokasi, dan widget akan secara otomatis mendeteksi koordinat menggunakan sistem geocoding Google.

Apakah impor massal melalui CSV didukung?

Dengan file CSV, Anda bisa mengunggah beberapa lokasi sekaligus di situs HTML Anda. Entri yang ada akan digantikan saat impor, jadi sertakan semua lokasi yang diperlukan dalam file tersebut.

Bisakah saya mengatur lokasi ke dalam kategori di HTML?

Ya, widget ini memungkinkan mengkategorikan penanda dan mengaktifkan filter atau klasterisasi untuk navigasi yang lebih baik.

Apakah pencarian tersedia di dalam peta?

Bilah pencarian bawaan memungkinkan pengunjung menemukan lokasi berdasarkan nama atau alamat langsung di situs HTML Anda.

Harga

Garansi uang kembali 14 hari. Tanpa risiko, Anda bisa membatalkan kapan saja.
Elfsight Apps
Solusi digital lintas platform yang bekerja di situs web mana pun
mulai dari $0/bulan
Mulai dengan paket gratis
Domain tanpa batas
Dukungan perusahaan 24/7
Bantuan instalasi gratis
Harga spesial untuk beberapa aplikasi
Dapat disesuaikan sepenuhnya