Fórum | tutoriais mais recente desenvolvimento web
 

Google Maps Tutorial


O Google Maps é um serviço de mapeamento gratuita na web pelo Google, que oferece vários tipos de informação geográfica. Google Maps tem uma API JavaScript para personalizar os mapas e exibi-los na sua página. Este tutorial é sobre o Google Maps API (Application Programming Interface) . Ele explica como você pode integrar o Google Maps na sua página.


Público

Este tutorial é destinado a todos os leitores que gostariam de saber mais sobre o Google Maps API. Após concluir este tutorial, você seria capaz de integrar o Google Maps JavaScript API na sua página.


Pré-requisitos

Antes de prosseguir com este tutorial, você deve estar familiarizado com JavaScript e os conceitos de programação orientada a objetos. Você também deve estar familiarizado com o Google Maps, do ponto de vista do usuário.


Executar Google Mapas on-line

Para a maioria dos exemplos dados neste tutorial, você vai encontrar um Try it opção, então basta fazer uso desta opção para executar seus programas do Google Maps no local e desfrutar da sua aprendizagem. Tente o seguinte exemplo usando o Try it opção disponível no canto superior direito da caixa de código de exemplo a seguir -

<! DOCTYPE html>
<html>

   <head>
      <Script src = "https://maps.googleapis.com/maps/api/js"> </ script>
      
      <script>
         função loadMap() {
			
            var MapOptions = {
               Centro: nova 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>
   
   <onload = corpo "loadMap() ">
      <div id = "sample" style = "width: 570px; height: 580px;"> </ div>
   </body>
   

</html>