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 tu página web.
Audiencia
Este tutorial es para todos aquellos lectores que quieran aprender acerca de Google Maps API. 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. Usted también debe estar familiarizado con Google Maps desde el punto de vista del usuario.
Ejecutar Mapas de Google en línea
Para la mayoría de los ejemplos que se dan en este tutorial, usted encontrará una Inténtelo opción, por lo que sólo hacer uso de esta opción para ejecutar sus programas de mapas de Google en el lugar y disfrutar de su aprendizaje.Pruebe el siguiente ejemplo utilizando el Inténtelo opción disponible en la esquina superior derecha de la siguiente casilla de código de ejemplo -
<! DOCTYPE html>
<html><html>
<head><head>
<script src = "http://maps.googleapis.com/maps/api/js"> </ script><script src = "http://maps.googleapis.com/maps/api/js"> </ script>
<script><script>
loadMap function () {función loadMap () {
MapOptions var = {var MapOptions = {
Centro: nueva google.maps.LatLng (20.593684, 78.96288), zoom: 12,: Nuevo google. Mapas. LatLng (20.593684, 78.96288), zoom: 12,
mapTypeId: google.maps.MapTypeId.ROADMAP: Google. Mapas. MapTypeId. HOJA DE RUTA
};};
var map = new google.maps.Map (document.getElementById ("muestra"), MapOptions);var mapa = nuevo google. mapas. Mapa (documento. getElementById ("muestra"), MapOptions);
}}
</ script></ script>
</ head></ head>
<body onload = "loadMap ()"><body onload = "loadMap ()">
<div id = estilo "muestra" = "width: 570px; altura: 580px;"> </ div><div Identificación = "muestra" estilo = "ancho: 570px; altura: 580px;"> </ div>
</ body></ body>
</ html></ html>
No hay comentarios.:
Publicar un comentario