PAKET HOSTING PERSONAL

  • Hosting Gratis

    Beli Domain
    com/net/org/info/biz
    Gratis Hosting 100 MB
    Domain Manager + Cpanel

    Rp. 100 Ribu/thn

    Selengkapnya

  • cspSmall-2

    Space 100MB
    Bandwidth 2000MB
    Email & MySql Unlimited
    Minimum Kontrak 1 tahun

    Rp. 5 Ribu/bln

    Selengkapnya

Top Article

Last View Article

Loading

Cara Menampilkan Google Maps Di Website

[ Hits : 4284 ] [ Print ] [ Demo ]


Ada beberapa hal yang harus diperhatikan untuk menampilkan Google Maps diwebsite kita.

Pertama-tama website kita harus terdaftar di situs Google Maps Api, coba aja masuk, nanti anda akan ditanya alamat websitenya, dan seperti biasa kita tidak dipungut biaya alias gratis oleh google.

Google Maps Api

Api Key 

Setelah berhasil mendapatkan kode Api Google Maps, langkah selanjutnya anda menentukan koordinat lokasi yang akan ditampilkan.

Parameter-parameter yang harus diketahui untuk koordinat peta/lokasi adalah parameter latitude, longitude dan zoom. Untuk lebih jelasnya bisa dibuka di situs Free Google Maps Generator. Selain bisa mendapatkan parameter-parameter untuk lokasi Google Maps, anda juga bisa mendapatkan script yang hanya tinggal ganti kode api-nya saja.

Free Google Maps Generator 

Ada satu lagi cara yang paling simple, setelah masuk website Google Maps, tentukan lokasi peta lalu klik link pada bagian kanan atas peta.

Google Maps Link 



Berikut script lengkapnya :

1- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3- <html xmlns="http://www.w3.org/1999/xhtml">
4- <head>
5- <script src="http://maps.google.com/maps?file=api&v=2&sensor=true&key=kode-api" type="text/javascript"></script>
6- </head>
7- <body>
8- <div id="map" style="width: 400px; height: 300px"></div>
9- <script type="text/javascript">
10- //<![CDATA[
11- var map = new GMap(document.getElementById("map"));
12- map.centerAndZoom(new GPoint(107.14433670043945,-6.820761763751254), 7);
13- map.setUIToDefault();
14- //]]>
15- </script>
16- </body>
17- </html>
18-

Artikel lainnya :