Sesuai namanya, dengan widget Google Maps anda bisa menambahkan google maps dalam website yang akan menandai lokasi pilihan anda. Pengunjung bisa berinteraksi dengan maps ini sehingga widget ini biasa digunakan untuk memberi tahu pengunjung dimana lokasi bisnis atau apapun yang ingin anda sampaikan.
Apa saja yang bisa kita modifikasi dari widget ini?
Content – Map
- Location: Tentukan lokasi anda.
- Zoom: Atur zoom default ketika pertama kali maps ditampilkan.
- Height: Tentukan tinggi tampilan maps dalam website.
Style – Map
- CSS Filters: Atur blur, kecerahan, kontras, saturasi, dan warna maps.
- Transition Duration: (Hanya tersedia untuk mode hover) Tentukan durasi transisi dari satu pengaturan filter ke pengaturan lainnya ketika mengarahkan kursor ke peta.
TIPS: Untuk menghilangkan celah di sekitar widget Google Maps, dan membuat tampilan maps memenuhi lebar layar, ubah pengaturan lebar section dari Boxed ke Full Screen, dan atur Columns gap section dari Default ke No Gap.
PENTING: Untuk menggunakan Elementor Widget Maps, anda harus membuat kunci API terlebih dahulu dan menempatkannya di Elementor > Settings > Integrations. Untuk lebih detail bisa dilihat disini.