Minggu, 06 Februari 2011

Inilah Cara Membuat Peta Berdasarkan Google Map API 0

Jika Anda ingin membuat peta berdasarkan Google Map, seperti contoh di bawah ini, maka sebelumnya Anda harus memiliki akun di google.com. Nah jika sudah ada, maka masuklah ke http://code.google.com/apis/maps/signup.html untuk mendaftar untuk bisa mendapatkan Google Map API. Setelah proses pendaftaran selesai, Anda akan diberikan key yang akan digunakan setiap kali Anda menggunakan google map.Untuk penggunaan secara statis mungkin gampang saja. Tinggal cari peta lokasi yang Anda inginkan, copy link di menu Link yang ada dibagian kanan atas dan paste-kan script yang ada di Paste HTML to embed in website ke website/blog Anda. Contoh di bawah ini saya menggunakan script dengan kata kunci Banda Aceh-Indonesia, dan saya memperoleh script:
"<iframe width="425" height="350" frameborder="0" scrolling="no"
marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Banda+Aceh,+Aceh,+Indonesia&amp;sll=37.0625,-95.677068&amp;sspn=33.984987,79.013672&amp;ie=UTF8&amp;hq=&amp;hnear=Banda+Aceh,+Aceh,+Indonesia&amp;z=12&amp;ll=5.546182,95.319054&amp;output=embed"></iframe><br
/><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Banda+Aceh,+Aceh,+Indonesia&amp;sll=37.0625,-95.677068&amp;sspn=33.984987,79.013672&amp;ie=UTF8&amp;hq=&amp;hnear=Banda+Aceh,+Aceh,+Indonesia&amp;z=12&amp;ll=5.546182,95.319054"
style="color:#0000FF;text-align:left">View Larger Map</a></small>"code>

dan hasilnya:
View Larger Map
Tapi jika ingin yang dinamis, misalnya peta yang ditampilkan berdasarkan informasi dari user maka ada baiknya
Anda perhatikan penjelasan dibawah ini :
Pertama, dapatkan lokasi peta berdasarkan koordinat (latitude, longitude) yang Anda masukkan, menggunakan perintah sebagai berikut :
http://maps.google.com/staticmap?center=<latitude>,<longitude>&format=<format>&zoom=<ukuran>&size=<width>x<height>&key=<API_KEY>

contoh :
http://maps.google.com/staticmap?center=5.5461820,95.3190540&format=png&zoom=10&size=340x320&key=ABQIAAAAXto36qF0RwRfpncFvjUI5RQzfW8Q0BQ_Gq4eRsWLVPNpsALKKBR0RYiKVbvoyajymbD5bSr1GfqJ9w

Hasilnya klik disini

Kedua, bisa mendapatkan lokasi peta berdasarkan nama lokasi yang Anda masukkan kemudian akan diproses google untuk mendapatkan koordinatnya (latitude dan logitude), gunakan perintah sebagai berikut :
http://maps.google.com/maps/geo?q=<location>&output=csv&key=<API_KEY>>
contoh :
http://maps.google.com/maps/geo?q=Banda%20Aceh%20Indonesia&output=csv&key=ABQIAAAAXto36qF0RwRfpncFvjUI5RQzfW8Q0BQ_Gq4eRsWLVPNpsALKKBR0RYiKVbvoyajymbD5bSr1GfqJ9w

Hasilnya klik disini
, yaitu 200,4,5.5461820,95.3190540
Lalu untuk melihat hasilnya masukkan latitude dan longitude ke perintah cara pertama, yaitu:
http://maps.google.com/staticmap?center=5.5461820,95.3190540&format=png&zoom=14&size=240x320&key=ABQIAAAAXto36qF0RwRfpncFvjUI5RQzfW8Q0BQ_Gq4eRsWLVPNpsALKKBR0RYiKVbvoyajymbD5bSr1GfqJ9w
Hasilnya klik disini
nah, selesai sudah..

Incoming search terms:

Tidak ada komentar:

Posting Komentar