Hallo sobat mitra tekno niaga, pada tulisan kali ini Kami ingin memberikan tutorial tentang bagaimana cara menentukan titik tengah pada Peta Google Maps. Hal ini berfungsi untuk memberikan fokus pada peta, sehingga tampilan tidak meluas dan hanya fokus ke area yang Anda inginkan. Tanpa panjang lebar lagi, Yuk mari baca dan simak tulisan ini sampai habis. Di jamin akan memberikan manfaat yang besar untuk menambah pengetahuan Anda. Oke, langsung saja ya.
Contoh kasus, misalnya Anda ingin menampilkan peta dengan fokus negara Indonesia, Anda harus mengambil titik tengah dari peta Indonesia dengan menggunakan Google Maps. Ikuti langkah-langkah berikut ini:
1. Buka Google Maps dan arahkan peta ke negara Indonesia.
2. Arahkan kursor tepat di tengah-tengah kepulauan indonesia, lalu klik kanan pada mouse dan Anda akan menemukan beberapa menu seperti berikut ini :
Silahkan Anda pilih menu "Ada apa di sini?".
3. Setelah Anda pilih menu tersebut, akan muncul keterangan pada bagian bawah peta seperti gambar di bawah ini :
Kotak berwarna hijau merupakan titik tengah, sedangkan kotak yang berwarna merah merupakan informasi yang ingin kita dapatkan yaitu titik koordinat latitude dan longitude. Klik titik koordinat tersebut, lalu tampilan akan berubah menjadi seperti berikut ini :
Selanjutnya Copy Paste ke komputer Anda, titik koordinat pada bagian yang Kami tandai dengan kotak berwarna merah. Titik koordinat tersebut yaitu :
Latitude : -1.605328
Longitude : 117.451067
Sampai di tahap ini, cara pengambilan titik tengah dari peta Indonesia di Google Maps sudah selesai.
Lalu bagaimana cara menggunakan titik koordinat tersebut? Tenang, sudah Kami buatkan scriptnya. Anda bisa menggunakan contoh script di bawah ini :
<html>
<head>
<title> Google Maps API: Cara Menentukan Titik Tengah pada Peta </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.605328, lng: 117.451067},
zoom: 5
});
}
</script>
</head>
<body>
<div id="show_maps" style="width:100%;height:100%;"></div>
</body>
</html> Bila dijalankan, script di atas akan menghasilkan Output seperti berikut ini :
Demikian pembahasan tentang Google Maps API: Cara Menentukan Titik Tengah pada Peta, semoga tulisan ini bisa memberikan manfaat untuk Anda yang membaca. Sampai jumpa di tulisan berikutnya. Terima Kasih
