Forum | Derniers tutoriels de développement web
 

Google Maps Tutorial


Google Maps est un service de cartographie web gratuit par Google qui fournit différents types d'informations géographiques. Google Maps a une API JavaScript afin de personnaliser les cartes et les afficher sur votre page Web. Ce tutoriel est sur Google Maps API (Application Programming Interface) d' (Application Programming Interface) . Il explique comment vous pouvez intégrer Google Maps sur votre page Web.


Public

Ce tutoriel est destiné à tous les lecteurs qui voudraient en apprendre davantage sur l'API Google Maps. Après avoir terminé ce tutoriel, vous seriez en mesure d'intégrer l'API Google Maps JavaScript sur votre page Web.


Conditions préalables

Avant de procéder à ce tutoriel, vous devez être familier avec JavaScript et les concepts de la programmation orientée objet. Vous devez également être familier avec Google Maps du point de vue de l'utilisateur.


Exécuter Google Maps en ligne

Pour la plupart des exemples donnés dans ce tutoriel, vous trouverez un Try it l' option, si juste faire usage de cette option pour exécuter vos programmes Google Maps sur place et profiter de votre apprentissage. Essayez l'exemple suivant en utilisant le Try it l' option disponible dans le coin supérieur droit de la boîte de code exemple suivant -

<! DOCTYPE html>
<html>

   <head>
      <Script src = "https://maps.googleapis.com/maps/api/js"> </ script>
      
      <script>
         fonction loadMap() {
			
            mapOptions var = {
               centre: new 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>