Lihat ke Halaman Asli

Membuat Peta Dunia dengan Link dan Animasi untuk Situs Travel

Diperbarui: 10 Oktober 2019   10:55

Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.

Gadget. Sumber ilustrasi: PEXELS/ThisIsEngineering

Kali ini saya akan membagikan pengalaman membuat tampilan peta dunia yang bisa di klik dengan animasi spot. Model jenis ini sangat cocok bagi Anda yang memerlukan link dengan mapping berupa gambar. Tools yang saya gunakan adalah Beaver Builder dan ditambah modul hotspot dari UABB

Dalam contoh ini klien saya merupakan bergerak di bisnis travel agen jadi gambar yang digunakan adalah gambar peta dunia. Nama webnya adalah www.wawasandunia.com

Seperti ini tampilan halaman depan

Setelah diklik salah satu link misalnya "tour ke Asia" munculnya seperti ini:

Oiya untuk peta ini menggunakan Google Api yang bisa Anda dapatkan di Google Cloud

Sedangkan untuk animasi nya seperti berikut ini


Semoga bermanfaat, sedangkan untuk melihat hasilnya silahkan cek di web https://www.wawasandunia.com

Baca konten-konten menarik Kompasiana langsung dari smartphone kamu. Follow channel WhatsApp Kompasiana sekarang di sini: https://whatsapp.com/channel/0029VaYjYaL4Spk7WflFYJ2H




BERI NILAI

Bagaimana reaksi Anda tentang artikel ini?

BERI KOMENTAR

Kirim

Konten Terkait


Video Pilihan

Terpopuler

Nilai Tertinggi

Feature Article

Terbaru

Headline