Cara Membuat Animasi Pada Pin Di Google Maps

01/04/2015    Faizal Rafik    2399     Artikel Bebas

Hallo sobat-sobat DUMET School, pada tips dan trik kali ini saya akan mengajarkan bagaimana caranya membuat animasi pada pin di Google Maps. Google maps adalah Sebuah peta yang di buat oleh google yang di gunakan oleh seluruh pengguna internet untuk mencari informasi tentang lokasi yang sedang mereka cari. Google maps sendiri masih berada dalam tahap beta. Nah pada kesempatan kali ini saya akan mengajarkan bagaimana caranya membuat animasi pada pin yang ada di Google maps. Pin yang saya maksud adalah seperti gambar berikut :

Untuk membuat animasi pada pin yang ada di Google Maps tersebut di sini saya menggunakan bantuan Javascript. Caranya sangat mudah sekali, kita akan coba membuatnya langsung ya teman-teman.

Pertama kalian bisa buat HTML nya seperti gambar di bawah ini :

Selanjutnya tambahkan Script Javascript di bawah ini pada file HTML kalian.

Dan tambahkan juga Google Maps API yang bisa kalian dapat di library Javascript, seperti gambar di bawah ini.

Maka hasilnya berikut ini :

See the Pen azxNxb by Dumet_School (@dumet_school) on CodePen.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More