Forum | Gli ultimi tutorial di sviluppo web
 

Google Maps Tutorial


Google Maps è un servizio di mappatura web gratuito da Google che fornisce vari tipi di informazioni geografiche. Google Maps ha una API JavaScript per personalizzare le mappe e visualizzarli nella tua pagina web. Questo tutorial è su Google Maps API (Application Programming Interface) . Spiega come è possibile integrare Google Maps nella tua pagina web.


Pubblico

Questo tutorial è destinato a tutti quei lettori che vogliono conoscere API di Google Maps. Dopo aver completato questo tutorial, si sarebbe in grado di integrare le API di Google Maps JavaScript nella tua pagina web.


Prerequisiti

Prima di procedere con questa esercitazione, è necessario avere familiarità con JavaScript e i concetti di programmazione orientata agli oggetti. Si dovrebbe anche avere familiarità con Google Maps dal punto di vista di un utente.


Esegui Google Maps in linea

Per la maggior parte degli esempi forniti in questo tutorial, si trova un Try it opzione, quindi basta fare uso di questa opzione per eseguire i programmi di Google Maps sul posto e godetevi il vostro apprendimento. Provate il seguente esempio utilizzando l' Try it opzione disponibile nell'angolo in alto a destra della casella seguente codice di esempio -

<! DOCTYPE html>
<html>

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

</html>