Export Peta Menjadi Gambar Dengan Google Static Maps

Export Peta Menjadi Gambar Dengan Google Static Maps

Pada kesempatan kali ini saya akan membahas tutorial tentang bagaimana cara untuk melakukan export peta menjadi gambar dengan menggunakan Google Static Maps. Google Static Maps adalah sebuah layanan baru dari Google Maps yang memungkinkan kita untuk melakukan rendering pada peta menjadi gambar dan dapat dicetak menjadi sebuah dokumen baik itu dalam bentuk cetakan kertas maupun kedalam format file PDF.

Export Peta Menjadi Gambar # Fitur

Untuk dapat melakukan rendering map menjadi sebuah file gambar kita diberikan dua buah pilihan yaitu Free Plan dan juga Premium Plan dengan deskripsi sebagai berikut :

API FREEAPI PREMIUM
Resolusi maksimal gambar sampai 1280 x 1280 pxResolusi maksimal gambar sampai 2048 x 2048px
Rasio gambar hanya sampai 640 x 640 pxRasio gambar bisa mencapai 1024 x 1024 px

Untuk laporan berskala kecil kita sebenarnya sudah cukup untuk menggunakan API Free. Nah sekarang kita akan mulai membuat sebuah laporan kecil yang menampilkan sebuah gambar peta. Pada kasus kali ini saya akan membuat sebuah ensklopedia mengenai kota Bandung yang saya copy-paste dari Wikipedia.

Export Peta Menjadi Gambar # Kode

Untuk menampilkan peta dalam bentuk gambar dari Google Maps kita hanya cukup mengetikan syntax seperti berikut :

https://maps.googleapis.com/maps/api/staticmap?center=lokasi-kamu&zoom=12&size=640x640

Lokasi yang akan ditampilkan dapat berupa koordinat atau juga nama lokasi. Nah sekarang buka text editor kamu dan copy-paste kode berikut :

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Kota Bandung</title>
    <!-- Bootstrap CSS served from a CDN -->
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css"
    rel="stylesheet">
  </head>
  <body>
    <div class="container">
      <div class="row">
        <h2>Kota Bandung</h2>
      </div>
      <div class="row">
        <div class="col-sm-12 col-md-8">
          <div class="thumbnail">
            <p>
            <img style='float:left; width:auto;height:auto; margin-right:10px;'src="https://maps.googleapis.com/maps/api/staticmap?center=bandung&zoom=12&size=320x320&scale=1">
            Kota Bandung merupakan kota metropolitan terbesar di Provinsi Jawa Barat, sekaligus menjadi ibu kota provinsi tersebut. Kota ini terletak 140 km sebelah tenggara Jakarta, dan merupakan kota terbesar ketiga di Indonesia setelah Jakarta dan Surabaya menurut jumlah penduduk. Selain itu, Kota Bandung juga merupakan kota terbesar di wilayah Pulau Jawa bagian selatan. Sedangkan wilayah Bandung Raya (Wilayah Metropolitan Bandung) merupakan metropolitan terbesar ketiga di Indonesia setelah Jabodetabek dan Gerbangkertosusila (Gerbangkertosusilo).</p>
            <p>
              Di kota ini tercatat berbagai sejarah penting, di antaranya sebagai tempat berdirinya sebuah perguruan tinggi teknik pertama di Indonesia (Technische Hoogeschool te Bandoeng - TH Bandung, sekarang Institut Teknologi Bandung - ITB), lokasi ajang pertempuran pada masa kemerdekaan[3], serta pernah menjadi tempat berlangsungnya Konferensi Asia-Afrika 1955, suatu pertemuan yang menyuarakan semangat anti kolonialisme, bahkan Perdana Menteri India Jawaharlal Nehru dalam pidatonya mengatakan bahwa Bandung adalah ibu kotanya Asia-Afrika.
            </p>
            <p> 
              Kota kembang merupakan sebutan lain untuk kota ini, karena pada zaman dulu kota ini dinilai sangat cantik dengan banyaknya pohon-pohon dan bunga-bunga yang tumbuh di sana. Selain itu Bandung dahulunya disebut juga dengan Parijs van Java karena keindahannya. Selain itu kota Bandung juga dikenal sebagai kota belanja, dengan mall dan factory outlet yang banyak tersebar di kota ini, dan saat ini berangsur-angsur kota Bandung juga menjadi kota wisata kuliner. Dan pada tahun 2007, British Council menjadikan kota Bandung sebagai pilot project kota terkreatif se-Asia Timur. Saat ini kota Bandung merupakan salah satu kota tujuan utama pariwisata dan pendidikan.
            </p>
            <p>
              Kota Bandung dikelilingi oleh pegunungan, sehingga bentuk morfologi wilayahnya bagaikan sebuah mangkok raksasa,secara geografis kota ini terletak di tengah-tengah provinsi Jawa Barat, serta berada pada ketinggian ±768 m di atas permukaan laut, dengan titik tertinggi di berada di sebelah utara dengan ketinggian 1.050 meter di atas permukaan laut dan sebelah selatan merupakan kawasan rendah dengan ketinggian 675 meter di atas permukaan laut.
            </p>
            <p> 
              Keadaan geologis dan tanah yang ada di kota Bandung dan sekitarnya terbentuk pada zaman kwartier dan mempunyai lapisan tanah alluvial hasil letusan Gunung Tangkuban Parahu. Jenis material di bagian utara umumnya merupakan jenis andosol begitu juga pada kawasan dibagian tengah dan barat, sedangkan kawasan dibagian selatan serta timur terdiri atas sebaran jenis alluvial kelabu dengan bahan endapan tanah liat.
            </p>
            <p>
              Sementara iklim kota Bandung dipengaruhi oleh iklim pegunungan yang lembab dan sejuk, dengan suhu rata-rata 23.5 °C, curah hujan rata-rata 200.4 mm dan jumlah hari hujan rata-rata 21.3 hari per bulan.
            </p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

Output yang dihasilkan dari script diatas adalah sebagai berikut

Kota Bandung - HTML

Kamu bisa memanfaatkan fitur Browser untuk mencetak halaman menjadi sebuah file PDF dengan memilih menu print atau menekan tombol ctrl+p. Maka hasilnya akan menjadi seperti berikut

Kota Bandung - PDF

Sangat mudah kan ? silahkan dicoba dan semoga bermanfaat 😀

Tinggalkan komentar