Selamat pagi sahabat blogger kali ini saya akan membagikan tutorial mengenai cara menampilkan file KML di Google Maps. Keyhole Markup Language ( KML ) adalah sebuah XML berbasis bahasa geografis skema untuk mengungkapkan penjelasan dan visualisasi yang ada atau masa depan web_based, peta dua dimensi dan tiga dimensi Bumi browser. KML menggunakan sebuah struktur label yang berinduk element-element yang bertanda serta berstandar pada standar XML. Setiap label adalah Case-Sensitive dan harus tampil seperti yang terdaftar dalam referensi KML, mungkin itu sedikit penjelasan mengenai file KML. Langsung saja ikuti langkah-langkah di bawah ini :
1. Langkah Pertama adalah kalian harus memiliki file KML nya, jika belum silahkan buat atau download di sini.
2. Selannjunya upload file tersebut ke dropbox, klik di sini untuk membuka dropbox, jika sudah terbuka maka pilih menu upload yang berada di sebalah kanan layar komputer kalian.
3. jika file berhasil di upload maka akan tampil seperti gambar di bawah ini :
4. Langkah Selanjunya adalah membuat link untuk file kml nya dengan cara mengklik share --> Create a link, kemudian copy linknya dan simpan.
5. Selanjunya kita membuat file index.html, ganti kode yang berwarna hijau dengan lat dan lng sesuai daerah yang ada di file kml kalian, ganti kode yang berwarna biru dengan link file kml dan jika ada link tersebut =0 maka ganti dengan =1, kemudian ganti kode berwarna merah dengan kode Google API kalian.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Cara Menampilkan File KML</title>
<style>
/* Create : M.Fahrial Agustian;
* Link : blogfahrial.blogspot.com; */
#map {
height: 100%;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
// lat dan lng sesuaikan dengan lokasi yang ada di file kml
//karena kml saya membuat lokasi kabupaten tanah laut maka saya menggunakan lat dan lng kab. tanah laut
center: {lat: -3.7990165, lng: 114.779605}
});
var ctaLayer = new google.maps.KmlLayer({
//angka 0 pada link file kml kalian di ganti angka 1 agar file kmlnya bisa tampil.
url: 'https://www.dropbox.com/s/i6k15ix7r6korjk/warna_kec_tanah_laut.shp.kml?dl=1',
zoom:18,
map: map
});
};
</script>
<script src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js">
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCns0o8yq9Q6Z3sskLNzV6hfaPilFI5twU&callback=initMap">
</script>
</body>
</html>
6. Jika sudah maka buka di browser kalin, maka akan tampil seperti gambar di bawah ini :
Sekian tutorial mengenai cara menampilkan file kml di google maps, share jika tutorial kali ini bermanfaat bagi teman-teman, berikan komentar yang membangun dan tunggu tutorial berikutnya dari TEKINFORM.
3 Comments
ijin Copas ya.. link sumber tetap saya tampilkan
alamat blog saya raphael-sentani969.blogspot.com
terimakasih, sangat membantu
EmoticonEmoticon