Wednesday, August 4, 2010

Memanfaatkan GMAP - Google Maps

Inovasi dari Google.com dengan karyanya yaitu GMAP - Google Maps adalah sebuah terobosan yang luar biasa dalam Teknologi Informasi terutama dalam Digital Map.

Dan begitu "baik hati" nya google.com memberikan itu pada dunia secara gratis.



Tidak sekedar gratis saja Google.com memberikan pula fasilitas-fasilitas ke dunia  dalam memanfaatkan Gmap.

Fasilitas-fasilitas tersebut di-istilah-kan dengan nama Google Maps Api. dibawah ini adalah daftar API yang tersedia.
  • Maps JavaScript API - Memasang Gmaps melalui Javascript 
  • Maps API for Flash - Memasang Gmaps melalui Flash
  • Google Earth API - Memasang Google Earth kedalam webpage
  • Static Maps API - Memasang Gmaps ke webpage atau mobile device
  • Webservices - Request informasi geografis via http dengan return format json/xml
  • Maps Data API - Update informasi geografis melalui Google data API
Pada posting ini yang akan dibahas adalah memanfaatkan Static Maps API. Static Maps API adalah sebuah API pada gmap untuk menampilkan peta/map dengan mengirimkan parameter lokasi berikut dengan style yang diinginkan.

Return/hasil dari request map/peta tersebut berupa file gambar (png, jpeg atau jpg) yang bisa kita manfaatkan untuk ditampilkan di webpage atau di mobile device. 

Static Maps API memilik feature antara lain:
  1. Spesifik Lokasi menggunakan Latitude Longitude
  2. Mencari Lokasi menggunakan Nama Lokasi
  3. Pilihan Tipe Map/Peta (roadmap, satellite,  terrain, hybrid)
  4. Membuat Path/Garis dari antara dua lokasi
  5. Membuat Area Lokasi
  6. Menandai Lokasi di Map dari hasil pencarian lokasi
  7. Zoom Level map/peta
  8. Resolusi Image Peta/map
  9. Sensor lokasi untuk mobile device

Berikut ini saya akan contohkan Gmap dengan menggunakan Nama Lokasi.  Sebagai contoh silakan link dibawah ini untuk menampilkan lokasi dari ITB (Institut Teknologi Bandung) di kota Bandung.


Berikut ini adalah penjelasannya: 
  • http://maps.google.com/maps/api/staticmap - adalah alamat dari  Static Maps API
  • zoom=15 adalah untuk mengukur level zoom peta, semakin besar nilai maka peta semakin dekat.
  • size=400x400 adalah resolusi image dari peta, sebagai contoh adalah 400 pixel * 400 pixel.
  • maptype = roadmap adalah tipe peta yang digunakan sebagai contoh memilih roadmap.
  • markers = itb,bandung adalah nama lokasi yang dicari
  • sensor = false adalah untuk tidak mengaktifkan sensor, sensor digunakan untuk mobile device yang bermanfaat mengetahui lokasi mobile device berada (separti GPS locator).

Agar peta tersebut dapat di sisipkan kedalam webpage caranya adalah dengan menuliskan alamat static map google pada tag html image di attribut src seperti contoh dibawah ini 
<img alt="gmap" src="http://maps.google.com/maps/api/staticmap?zoom=15&size=400x400&maptype=roadmap&markers=itb,bandung&sensor=false" />

Hasil dari penggunaan tag html image tersebut adalah  seperti gambar dibawah ini

gmap

Masih banyak feature gmap yang disediakan oleh google, untuk melihat feature yang tersedia berikut dengan contoh dan cara penggunaannya dapat dilihat di klik disini.

No comments:

Post a Comment