Map types pada Google Maps

Setelah kita membicarakan mengenai Geolocation pada Google Maps kita akan meneruskan pembelajaran mengenai tipe-tipe Maps dari Google Maps.  Kita akan memasukkan tipe map ini dalam properti mapTypeId.

Untuk lebih jelasnya kita akan membuat source code Javascript seperti berikut ini

function initMap() {
           let posisi = {lat: -8.1290491, lng: 110.555543};
           let peta = new google.maps.Map(document.getElementById('petadiv'), {
          	center: posisi, zoom: 15.5
          	, mapTypeId:'<?php echo $_GET['tipe'];?>' 
           });

      }

Tampilan yang akan dihasilkan adalah

1. Tipe roadmap
   Demo tipe roadmap dapat dilihat di https://maps.aris.proweb.asia/16-map-type.php?tipe=roadmap seperti gambar di bawah ini
   
   Tipe roadmap ini merupakan tipe default Google Maps. Peta yang dihasilkan adalah peta jalan.
   
2. Tipe satellite
   Demo untuk tipe satellite ini dapat dilihat di https://maps.aris.proweb.asia/16-map-type.php?tipe=satellite dengan tampilan seperti berikut ini
   
   Tampak foto satellite dihasilkan dari tipe satellite ini.
   
3. Tipe hybrid
   Demo tipe hybrid dapat dilihat di https://maps.aris.proweb.asia/16-map-type.php?tipe=hybrid .
   
   Pada tipe hybrid ini merupakan penggabungan dari tipe roadmap dengan satellite.
   
4. Tipe terrain
   Tipe terrain ini dapat dilihat pada https://maps.aris.proweb.asia/16-map-type.php?tipe=terrain .
   
   Tipe terrain ini akan menunjukkan medan dari peta.

Informasi lebih lanjut silahkan mengunjungi https://developers.google.com/maps/documentation/javascript/maptypes .

Kunjungi www.proweb.co.id untuk menambah wawasan anda.