Artikel saya yang baru ini akan membahas bagaimana caranya menampilkan Polygon dari KML di Google Maps. Polygon sendiri adalah sekumpulan array dari koordinat-koordinat lattitude dan longitude yang tergabung menjadi satu dan diberi warna sehingga terlihat unik. Polygon dapat digunakan sebagai batas dan luas suatu wilayah pada peta.
Menampilkan Polygon Dari KML Di Google Maps #Script
Untuk membuat file KML kamu bisa memanfaatkan fasilitas Google Earth atau generator KML yang ada di internet. Sekarang kita buka text editor dan ketikkan script berikut ini
<html> <head> <title>Google Maps KML</title> <script src="https://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> <!-- memanggil library geoxml3 untuk parsing data kml ke peta --> <script src="https://geoxml3.googlecode.com/svn/branches/polys/geoxml3.js" type="text/javascript"></script> <script src="jquery-1.7.1.min.js" type="text/javascript"></script> <script type="text/javascript"> var peta; function peta_awal() { var jawa_barat = new google.maps.LatLng(-7.090911,107.668887); var petaoption = { zoom: 8, center: jawa_barat, mapTypeId: google.maps.MapTypeId.ROADMAP }; peta = new google.maps.Map(document.getElementById("petaku"),petaoption); /** disini kita panggil function dari geoXML3 untuk memparsing file kml */ var geoXml = new geoXML3.parser({map: peta}); /** letak file kml */ geoXml.parse('jawa_barat.kml'); google.maps.event.addListener(peta,'click',function(event) { kasihtanda(event.latLng); }); } </script> </head> <body> <h2>Google Maps KML</h2> <div id="petaku" style="height: 500px;"></div> </body> </html>
Menampilkan Polygon Dari KML Di Google Maps #Output
Untuk penampakannya seperti ini :
Mudahkan? untuk full sourcecode-nya bisa di download disini, silahkan dicoba dan semoga bermanfaat 😀
UPDATE : Menampilkan Multi Polygon Arrays di Google Maps
hai sob, ^^ selamat ya udh kerja lagi… di Jakarta ya sekarang/. sukses ya bro….
oy….ente geus pindahan? engke urang ulin lah
Kang, ada koordinat kabupaten/kota jawa barat yg lengkapnya?
mantep bro baru tau bisa customize kaya gitu.. coba ah
halo elcicko
saya sudah download source kode tapi masih juga gak ngerti
saya mau buat google maps api di dalam web
saya punya file kml tapi saya bingung menyimpan file itu supaya bisa masuk script yang dibuat elcicko
tolong pencerahanya
begini nich mas deta…
pertama…di load dulu API dari GEOXML diheadernya
abis itu kita bikin function di javascript untuk manggil kml yang kita buat….yang udah saya buat di scriptnya
file kmlnya di taro di luar aja biar lebih gampang….
nah..tinggal di tampilkan aja dalam div
klo mau nambahin multi markernya di kml gimana ya
mas fandie bisa pelajari dulu format tag untuk marker di KML disini…
https://developers.google.com/maps/tutorials/kml/
nah dari situ bisa dtambahin markernya per kabupaten / kota
mas sudah bisa , nah klo di ganti KMZ gk bisa. solusi manggil file KMZ bgmana mas?
pada script bagian mana y mas, kug bisa memberikan warna yang berbeda di masing2 wilayah?
saat saya ganti dg file kml saya, warna yg muncul adalah warna default (merah)..
mohon penjelasannya.. thanks
maaf mas. kalo membuat peta KML gitu caranya gimana
bisa pake bantuan google earth mas idik, coba aja cari referensinya di Google 😀
Punten kang, kl file KML memang harus customize sendiri ya atau ada situs yg menyediakan?
Yups, betul mas itu customize sendiri. setau saya sih belum ada situs yang menyediakan, waktu itu saya bikinnya di Google Earth.
saya pernah dapat file .kml dari situs pemerintahan. Dari situ saya bisa dapat data kabupaten seluruh indonesia. tapi saya lupa apa nama situsnya. coba aja cari di google. Dari situs ini misalnya:
http://data.go.id/dataset?res_format=KML
https://greasyfork.org/id/scripts/8412-kota-medan/code
mas saya bkin aplikasi yang akses kml file, warna di region kml file itu nanti bisa dirubah-rubah sesuai dengan nilai yang sudah di definisikan di aplikasi itu, itu kira-kira gmn ya mas? ada saran ngga?
permisi mas mau nanya, untuk file kml nya sendiri apa harus dimasukkan ke dalam folder xampp\htdocs ?
saya mencoba menggunakan localhost dulu soalnya. tapi saya bingung harus meletakkan file .kml tersebut dimana.
matur nuwun, saya masih baru di dunia percodingan jadi masih asing juga dengan coding2 hehe
kang pertamanya nampil, tapi beberapa hari kemudian ga bisa nampil, apa berpengaryh terhadap versi google map nya?
alamat untuk GeoXML3 di Google Code udah expire kang, bisa diakses disini. Untuk resolve-nya coba ganti URL-nya ke alamat yang baru di GitHub. URL-nya disini. Semoga membantu kang 😀
itu dapet file .kml nya darimana ya? jika berkenan berbagi
saya bikin sendiri gan, boleh…tinggal download aja gan 🙂
masalahnya saya lagi nyari referensi batas wilayah yang nyampe tingkat kecamatan, sudah nyari belum ketemu,.. mungkin agan punya referensi?
ijin nyoba ya ilmunya…. ;-D
Mas ketika saya coba tes kok warna dari polygon KML nya ngga muncul ya, mohon pencerahannya.
diedit aja mas file kml nya, dikasih polygonStyle, saya kemarin juga gitu, dikasih warna misal 15 warna (warna kml bukan cmyk/rgb) pake styleUrl, trus tinggal dipanggil sesuai jumlah area yg dibutuhkan..
bisa di kasih contoh source codenya gak mas, warna poligon saya jg gk muncul.
Dalam satu KML Jawa Barat tentunya memiliki marker koordinat tiap-tiap kota, lalu gimana caranya untuk membuat marker itu berbeda warna sesuai kondisi fungsi yang kita tentukan. Semisal, satu kota akan berwarna merah jika jumlah penduduknya kurang dari 500 jiwa, akan berwarna hijau jika lebih dari 10000 jiwa. Terima gaji gan