Google Maps adalah layanan pemetaan web yang dikembangkan oleh Google. Layanan ini memberikan citra satelit, peta jalan, panorama 360°, kondisi lalu lintas, dan perencanaan rute untuk bepergian dengan berjalan kaki, mobil, sepeda motor, sepeda atau angkutan umum.

Hallo sobat, pada tulisan kali ini Saya ingin membahas tentang Control Zoom pada Peta Google Maps. Control Zoom ini berfungsi untuk memperbesar dan memperkecil tampilan peta pada Google Maps. Pada Google Maps, tanpa perlu di setting menu Control Zoom ini otomatis akan aktif.

Berikut ini menu Control Zoom :

Cara penggunaannya lihat menu yang sudah Saya tandai dengan kotak berwarna merah, Anda cukup klik tombol plus (+) untuk memperbesar tampilan peta dan klik tombol minus (-) untuk memperkecil tampilan peta. Setelah itu, secara otomatis tampilan peta akan mengikuti instruksi Anda.

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

zoomControl: 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,
                  zoomControl: false
		});
	}
</script>
</head>
<body>

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

</body>
</html>

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

Apakah artikel ini membantu Anda?

klik bintang untuk memberikan nilai