Forum | tutorial pengembangan web terbaru
 

Google Maps Tutorial


Google Maps adalah layanan pemetaan web gratis oleh Google yang menyediakan berbagai jenis informasi geografis. Google Maps memiliki API JavaScript untuk menyesuaikan peta dan menampilkannya pada halaman web Anda. Tutorial ini adalah tentang Google Maps API (Application Programming Interface) . Ini menjelaskan bagaimana Anda dapat mengintegrasikan Google Maps pada halaman Web Anda.


Hadirin

Tutorial ini dimaksudkan untuk semua para pembaca yang ingin belajar tentang Google Maps API. Setelah menyelesaikan tutorial ini, Anda akan dapat mengintegrasikan API Google Maps JavaScript pada halaman Web Anda.


Prasyarat

Sebelum melanjutkan dengan tutorial ini, Anda harus terbiasa dengan JavaScript dan konsep pemrograman berorientasi objek. Anda juga harus akrab dengan Google Maps dari sudut pengguna pandang.


Jalankan Google Maps online

Untuk sebagian besar dari contoh yang diberikan dalam tutorial ini, Anda akan menemukan Try it pilihan, jadi hanya menggunakan opsi ini untuk menjalankan program Google Maps Anda di tempat dan menikmati belajar Anda. Coba contoh berikut menggunakan Try it opsi yang tersedia di pojok kanan atas kotak kode contoh berikut -

<! DOCTYPE html>
<html>

   <head>
      <Script src = "https://maps.googleapis.com/maps/api/js"> </ script>
      
      <script>
         Fungsi loadMap() {
			
            var mapOptions = {
               pusat: baru google.maps.LatLng(20.593684, 78.96288) , zoom: 12,
               mapTypeId: google.maps.MapTypeId.ROADMAP
            };
				
            Peta var = new google.maps.Map(document.getElementById("sample") , mapOptions);
         }
      </script>
      
   </head>
   
   <body onload = "loadMap() ">
      <div id = "sample" style = "width: 570px; height: 580px;"> </ div>
   </body>
   

</html>