Menampilkan Ketinggian Daerah Pada Google Maps

Menampilkan Ketinggian Daerah Pada Google Maps

Pada artikel kali ini saya akan menjelaskan tutorial Google Maps tentang bagaimana cara menampilkan ketinggian daerah pada Google Maps. Untuk Melakukan hal ini kita akan menggunakan salah satu library / service dari Google Maps yaitu Elevation Service.

Apa itu Google Elevation Service ?

Elevation Service adalah salah satu layanan dari Google Maps API yang berfungsi untuk menghitung ketinggian daerah pada Google Maps. Selain ketinggian tanah, Elevation Service juga dapat menampilkan ketinggian dari dasar laut, .

Dalam kasus tertentu di mana Google tidak memiliki pengukuran ketinggian yang tepat di lokasi yang kita minta, Elevation Service akan menyisipkan dan mengembalikan nilai rata-rata pada lokasi tersebut dengan menggunakan data ketinggian dari empat lokasi terdekat.

Proses untuk mendapatkan data ketinggian pada lokasi di Google Maps mirip dengan proses pada geocoding. Request dikirimkan ke layanan Google API lalu diteruskan ke Elevation Service. Hasilnya akan dikembalikan kembali dalam bentuk JSON dengan format Elevation Result.

Salah satu contoh aplikasi yang dapat kita bangun dengan memanfaatkan layanan ini adalah aplikasi monitoring untuk mengukur tingkat kelayakan tempat tinggal berdasarkan tingkat ketinggian dari dasar laut untuk mengurangi bahkan menghindari resiko banjir.

Apa Saja Yang Diperlukan ?

Sebelum menggunakan layanan Elevation di Google Maps API, pertama-tama pastikan bahwa Elevation API diaktifkan di Google Cloud Platform Console.

  1. Akses Google Cloud Platform Console.
  2. Klik tombol Select a project, lalu pilih project yang akan kamu gunakan. Jika kamu belum memiliki project, silahkan buat terlebih dahulu.
  3. Dari daftar API di Dasbor, lakukan pencarian untuk Elevation API.
  4. Jika Kamu melihat Elevation API dalam daftar yang ada berarti Elevation Service sudah siap dipakai. Jika API tidak terdaftar, maka aktifkan API :
    1. Di bagian atas halaman, pilih ENABLE API untuk menampilkan tab Library atau dari menu sebelah kiri, pilih Library.
    2. Cari Elevation API, lalu pilih dari daftar hasil.
    3. Pilih ENABLE. Ketika proses selesai, Elevation API akan muncul di daftar API di Dasbor.

Perlu diperhatikan bahwa sekarang Google Maps sekarang sudah mewajibkan kita untuk memasukan metode pembayaran untuk menggunakan API mereka.

Setelah selesai mengaktifkan Elevation API, gunakan kredensial dari API tersebut untuk digunakan pada script kita dibawah ini.

<html>
  <head>
    <title>Demo - Menampilkan Ketinggian di Google Maps</title>
    <style>
      html,
      body,
      #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?key=API_KEY"></script>
    <script>
      var elevator;
      var peta;
      var infowindow = new google.maps.InfoWindow();
      var bandung = new google.maps.LatLng(-6.914724, 107.609807);

      // membuat layer map terrain
      function initialize() {
        var mapOptions = {
          zoom: 13,
          center: bandung,
          mapTypeId: 'terrain'
        }
        peta = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

        // memanggil service elevation
        elevator = new google.maps.ElevationService();

        // membuat event agar map dapat melakukan reaksi jika terdapat klik pada map
        // dan memanggil fungsi 
        google.maps.event.addListener(peta, 'click', getElevation);
      }

      function getElevation(event) {
        var lokasi = [];
        // Mengambil koordinat dari area yang diklik dan mengubahnya menjadi array
        var titiklokasi = event.latLng;
        lokasi.push(titiklokasi);

        // membuat object dari lokasi yang didapat
        var positionalRequest = {
          'locations': lokasi
        }

        // mengirimkan request lokasi ke service
        elevator.getElevationForLocations(positionalRequest, function (results, status) {
          if (status == google.maps.ElevationStatus.OK) {

            // jika data ditemukan, maka service akan mengirimkan hasilnya
            if (results[0]) {

              // membuat infowindow untuk menampilkan hasilnya
              infowindow.setContent('Ketinggian pada koordinat ini adalah <br> ' + Math.round(results[0]
                .elevation) + ' meter.');
              infowindow.setPosition(titiklokasi);
              infowindow.open(peta);
            } else {
              alert('Tidak ditemukan hasil apapun');
            }
          } else {
            alert('Service gagal: ' + status);
          }
        });
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>

Jalankan script diatas di browser, maka hasilnya adalah seperti berikut.

Output - Menampilkan Ketinggian Daerah Pada Google Maps

Sekian dulu tutorial Google Maps dari saya tentang bagaimana cara menampilkan ketinggian daerah pada Google Maps. Cukup mudah khan? Silahkan dicoba dan Semoga bermanfaat

4 pemikiran pada “Menampilkan Ketinggian Daerah Pada Google Maps”

  1. trima kasih infonya, saya sudah coba..ajaib.. gampang banget tinggal klik info ketinggian kontur langsung muncul..
    sekali lagi terima kasih atas info yang berharga ini

Tinggalkan komentar