Menampilkan google map di web


SCRIPT :

<html>
<head>
<meta name=”viewport” content=”initial-scale=1.0, user-scalable=no” />
<!– Langkah 1 –>
<script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=true&amp;key=ABQIAAAA8tt4eKTuBZMVnLJfP2BZrBT2yXp_ZAY8_ufC3CFXhHIE1NvwkxS4Rz1LFzG0odNPtk8VLkdrQF5grA”></script&gt;
<script type=”text/javascript”>
// Langkah 4
function initialize() {
var latlng = new google.maps.LatLng(-6.3125, 107.295);
var myOptions = {
zoom: 13,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
// Langkah 3
var map = new google.maps.Map(document.getElementById(“map_canvas”), myOptions);
}
</script>
</head>
<!– Langkah 5 –>
<body onload=”initialize()”>
<!– Langkah 2 –>
<div id=”map_canvas” style=”width:600px; height:600px”></div>
</body>
</html>

PENJELASAN :
<script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=true&amp;key=ABQIAAAA8tt4eKTuBZMVnLJfP2BZrBT2yXp_ZAY8_ufC3CFXhHIE1NvwkxS4Rz1LFzG0odNPtk8VLkdrQF5grA“></script>

Kode yang saya cetak tebal adalah Google Maps API key. Anda harus mendaftar di alamat http://code.google.com/apis/maps/signup.html.

untuk mendapatkan key untuk website Anda, jika Anda ingin menampilkan peta untuk website Anda. Setelah mendaftar, termasuk memberikan alamat website Anda, Google akan memberi Anda sebuah API key.

function initialize() {
var latlng = new google.maps.LatLng(-6.3125, 107.295);
var myOptions = {

Saya telah memberikan lokasi Latitude dan Longitude pusat Kota Karawang, yaitu -6.3125 dan 107.295. Anda bisa
menggunakan informasi dari situs http://www.travelmath.com untuk mengetahui berapa latitude dan longitude kota Anda.

Masukan kode API dan kode lokasi Kota anda ke dalam script di atas. kemudian simpan scriptnya pada sebuah file misalnya “peta.php”. dan simpan ke dalam web anda.

Referensi :

http://www.4shared.com/document/VTyaBXOs/Tutorial-Dasar-Pemrograman-Goo.html

Sekian tutorial dari saya, kurang lebihnya saya mohon maaf dan semoga artikel ini bermanfaat untuk Anda 🙂

Depok, 19 mei 2010

noname

Advertisements

6 Responses

  1. nice inpo gan jajal ahhh,,,

    Like

  2. nice info thanks bro

    Like

  3. nice gan

    Like

  4. Ini Buat Selfhost ?
    terimakasih Infonya .
    lancar selalu .
    kami tunggu kunjungan baliknya .
    http://jualsketsel.wordpress.com

    Like

    • good luck

      Like

  5. mas gimana cara daftrnya di google map sesudah daftar

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: