Foro | Los últimos tutoriales de desarrollo web
 

Mapas Google Tutorial


Google Maps es un servicio gratuito de cartografía web por Google que ofrece varios tipos de información geográfica. Google Maps tiene una API de JavaScript para personalizar los mapas y los muestra en su página web. Este tutorial es sobre Google Maps API (Application Programming Interface) . En él se explica cómo se puede integrar Google Maps en su página web.


Audiencia

Este tutorial está destinado a todos aquellos lectores que quieran aprender acerca de la API de Google Maps. Después de completar este tutorial, usted sería capaz de integrar la API de JavaScript de Google Maps en su página web.


Requisitos previos

Antes de continuar con este tutorial, usted debe estar familiarizado con JavaScript y los conceptos de la programación orientada a objetos. También debe estar familiarizado con los mapas de Google desde el punto de vista del usuario.


Ejecutar Mapas de Google Online

Para la mayoría de los ejemplos dados en este tutorial, se encuentra un Try it opción, por lo que acaba de hacer uso de esta opción para ejecutar sus programas de mapas de Google en el lugar y disfrutar de su aprendizaje. El siguiente ejemplo muestra el uso de la Try it opción disponible en la esquina superior derecha de la siguiente cuadro de código de ejemplo -

<! DOCTYPE html>
<html>

   <head>
      <Script src = "https://maps.googleapis.com/maps/api/js"> </ script>
      
      <script>
         función loadMap() {
			
            MapOptions var = {
               Centro: nueva 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; altura: 580px;"> </ div>
   </body>
   

</html>