PT Mitra Tekno Niaga
Hubungi Kami
x
Google Maps API: Control mapType Tipe Peta
Pemrograman

27 November 2019

Google Maps API: Control mapType Tipe Peta

Hallo sobat mitra tekno niaga, pada tulisan kali ini Kami ingin membahas tentang Control mapType pada Peta Google Maps. Control mapType ini berfungsi untuk mengubah mode tampilan tipe peta yang ada di Google Maps. Pada Google Maps, tanpa perlu di setting menu Control mapType ini otomatis akan aktif.

Berikut ini menu Control mapType :

Google Maps API: Control mapType (Tipe Peta)

Cara penggunaannya, Anda cukup klik menu yang sudah Kami tandai dengan kotak berwarna merah, lalu akan muncul beberapa pilihan tipe peta yang telah disediakan oleh Google Maps. Setelah itu, secara otomatis tampilan peta akan menyesuaikan berdasarkan tipe peta yang Anda pilih.

Lalu bagaimana jika Anda tidak ingin menggunakannya? Anda bisa mematikan menu ini dengan cara menambahkan script di bawah ini :

mapTypeControl: false

Namun jika Anda ingin mengaktifkannya kembali, Anda bisa menghapus script tersebut atau bisa juga dengan mengganti value-nya menjadi true.

Berikut ini kode lengkapnya :

<html>
<head> 
<title> Google Maps API: Control streetView </title>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>
<script type="text/javascript">
	function initMap() {
		var map = new google.maps.Map(document.getElementById('show_maps'), {
		  center: {lat: -1.035721, lng: 118.436931},
		  zoom: 5,
                  mapTypeControl: false
		});
	}
</script>
</head>
<body>

   <div id="show_maps"  style="width:100%;height:100%;"></div>

</body>
</html>	

Demikian pembahasan tentang Google Maps API: Control mapType (Tipe Peta), semoga tulisan ini bisa memberikan manfaat untuk Anda yang membaca. Sampai jumpa di tulisan berikutnya. Terima Kasih

Google Google Maps HTML JavaScript