Di tengah kesibukan garis-mati / deadline, saya mencoba posting sebuah catatan ringan tentang peta Google. Dengan peta google, semua proses penggunaan peta jadi sangat mudah karena google telah menyediakan API (dibaca ae, pi, ai), tinggal niat dan kemauan pengguna untuk melakukan modifikasi lanjut, yang digabungkan penggunaannya dengan sistem database.
Berminat? Artikel ini justru lebih dahulu saya posting di http://bimolukar.blogspot.com/2013/09/tips-memasang-peta-google-di-blog-atau.html untuk keperluan sebuah pelatihan IT di lingkungan LazisMu – Wonosobo.
—
- Melakukan paste script yang membawa pemanggilan fasilitas Google Map
- Melakukan pemilihan script controller yang disediakan Google untuk membentuk locator peta. Jika anda seorang programmer, tentu lebih asyik lagi
- Menentukan LETAK peta tersebut pada blog kita, dengan nama elemen tertentu yang sama dengan yang diminta google.
- Buka halaman https://code.google.com/apis/console/
- Pilih Create Project
- Pilih Google Maps API V3, dan klik bagian OFF nya dan masuk ke halaman persetujuan penggunaan.
- Pilih Aggre, dan Accept, jika anda setuju menggunakan
- Akan masuk ke halaman daftar API kembali, dan pilihlah API Access
- Pilihlah Create an OAuth 2.0 client Id, dan kliklah tombol biru tersebut, akan muncul halaman pembuatan Client ID, isikan, dan lanjutkan hingga Create Client Id selesai.
- Anda akan mendapatkan API Key dan simpanlah.
Kemudian siapkan paste juga bagian ini ke dalam blog kita , yaitu penentuan ELEMEN KANVAS GOOGLE MAP dimana nanti google map akan meletakkan petanya.
Ukuran dapat anda tentukan sendiri lebar dan heightnya berapa. Bagi yang mudheng CSS, dapat anda perindah sendiri Kanvas tersebut.
Selanjutnya kita bisa meletakkan Controller Script, yang bisa diambil dari Google Maps Example, ataupun bagi yang paham dengan pemrograman javascript dapat melakukan modifikasi pengembangan sendiri. Berikut salah satu script yang saya dapatkan dari Example Google Maps untuk PETA POINTING suatu lokasi:
Pada bagian :
- var myCenter=new google.maps.LatLng(-7.357955,109.900564); (adalah Koordinat Google Maps lokasi yang akan ditandai.)
- zoom:12 (adalah ukuran skala pembesaran. Bisa dikecil atau besarkan)
- mapTypeId:google.maps.MapTypeId.ROADMAP (bisa dipilih ROADMAP, SATELLITE, TERRAIN)
- animation:google.maps.Animation.BOUNCE (baris ini diperlukan jika ingin mendapatkan hasil animasi atau pointer naik turun)
Bagaimanakah cara mendapatkan Koordinat lokasi?
Bukalah http://maps.google.com. Untuk langsung Indonesia dapat langsung http://maps.google.co.id
Search-lah misal tempat : Wonosobo, perbesarlah, dan carilah lokasi anda.
Simpanlah file tersebut sebagai map.html. Namun jika anda ingin menempatkan dalam blog, bisa anda letakkan di WIDGET tanpa kode <html></html> atau bagian posting anda pada mode HTML. Ini adalah langkah pertama dari ratusan atau bahkan ribuan cara di Google Maps. Namun, menarik bukan? Kelak kita akan buat peta coverage area, atau batas provinsi dengan google.. Di level tinggi, dan di kota yang cukup dikenal oleh google, akan dapat menghasilkan gambar dengan detail tinggi hingga sampai ke muka orang dengan sudut datar.. Seperti berikut:
Dahsyat bukan?
Ini adalah peta lokasi saya:
SELAMAT MENCOBA
—
Cara ini adalah cara paling mudah dan sering digunakan. Bisa dimasukkan ke dalam blog yang membuka aksesnya untuk pemasangan script Javascript. Cara lainnya, masih sangat banyak, terutama akan sangat berguna bagi rekan-rekan yang biasa bermain dengan coverage area. Lain kali saya juga akan memposting sebuah artikel tentang peta GIS.
Ini artikel yg ane cari….maksih gan….
Setelah membaca artikel diblog ini saya jadi tertarik mau psang google maps di blogb sya,tapi kekurangan sma kelebihannya buat blog apa ya om,mohon infony.thanks