rachmat

Current Date:27 May, 2020

Google Maps API: Control Fullscreen

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.
0
(0)

Hallo sobat, pada tulisan kali ini Saya ingin membahas tentang Control Fullscreen pada Peta Google Maps. Control Fullscreen ini berfungsi untuk memperbesar tampilan peta Google Maps sebesar layar perangkat yang Anda gunakan. Pada Google Maps, tanpa perlu di setting menu Control Fullscreen ini otomatis akan aktif.

Berikut ini menu Control Fullscreen :

Google Maps API: Control Fullscreen

Cara penggunaannya lihat tombol yang sudah Saya tandai dengan kotak berwarna merah, Anda cukup klik tombol tersebut lalu secara otomatis tampilan peta akan berubah sebesar ukuran layar perangkat yang Anda gunakan. Untuk keluar dari Fullscreen tersebut, Anda cukup menekan tombol ESC pada keyboard komputer atau tombol back pada Smartphone.

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

fullscreenControl: false

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

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

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

</body>
</html>	

Demikian pembahasan tentang Google Maps API: Control Fullscreen, silahkan tinggalkan komentar pada tulisan ini bila ingin bertanya atau memberi masukan. Semoga tulisan ini bisa memberikan manfaat untuk Anda yang membaca, sampai bertemu di tulisan berikutnya. Terima Kasih

Apakah artikel ini membantu Anda?

klik bintang untuk memberikan nilai

Total nilai 0/5 dari 0 suara

Tidak ada suara sejauh ini! Jadilah yang pertama memberi nilai pada tulisan ini.

Leave a Reply

Your email address will not be published. Required fields are marked *