Hallo sobat mitra tekno niaga, pada tulisan kali ini Kami ingin membahas tentang Control streetView pada Peta Google Maps. Control streetView ini berfungsi untuk memperlihatkan kondisi sebenarnya bentuk jalan yang ada di peta Google Maps. Pada Google Maps, tanpa perlu di setting menu Control streetView ini otomatis akan aktif.
Berikut ini menu Control streetView :
Cara penggunaannya, Anda cukup klik dan tahan tombol yang sudah Kami tandai dengan kotak berwarna merah, lalu tarik ke arah peta yang ingin Anda lihat kondisi jalanannya. Setelah itu, secara otomatis akan terlihat gambaran kondisi sebenarnya dari jalanan tersebut.
Lalu bagaimana jika Anda tidak ingin menggunakannya? Anda bisa mematikan menu ini dengan cara menambahkan script di bawah ini :
streetViewControl: 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,
streetViewControl: false
});
}
</script>
</head>
<body>
<div id="show_maps" style="width:100%;height:100%;"></div>
</body>
</html>
Demikian pembahasan tentang Google Maps API: Control streetView, semoga tulisan ini bisa memberikan manfaat untuk Anda yang membaca. Sampai jumpa di tulisan berikutnya. Terima Kasih