Google Maps combina imágenes de satélite con la calle y autopistas de la información en un formato interactivo. Con la interfaz de programación de aplicaciones de Google Maps, o API, puede incorporar mapas en sitios web personales o comerciales sin costo con un número ilimitado de páginas vistas. Google ofrece marcadores personalizados, gráficos y muchas otras herramientas para configurar y personalizar sus mapas para casi cualquier aplicación. Puede codificar y probar los mapas en su entorno de desarrollo local antes de ir a vivir con ellos a través de Internet.
Instrucciones
1 Abra la página Web en un editor de texto básico, como Bloc de notas. Los editores de texto que hacen el formato de texto, como Word, añadir caracteres especiales que no funcionan bien cuando la creación de páginas Web. Antes de la etiqueta de apertura HTML, ponga una declaración de tipo de documento para HTML 5. La declaración debe ser similar <! DOCTYPE html>.
2 Introduzca el siguiente código JavaScript entre las etiquetas de la cabeza de su página Web. En el paréntesis después de "LatLng" son los valores de latitud y longitud para el centro del mapa. Cambiar los a la ubicación que desee que aparezca cuando se carga el mapa. Los siguientes dos parámetros son el zoom, que puede variar de 0 a 20, y el tipo de mapa. Google admite cuatro tipos de mapas: HOJA DE RUTA, SATELITE, Hybrid y el terreno.
<Script type = función "text / javascript" cuando se carga la página. El cuerpo de la etiqueta debe ser similar <body onload = "displayMap ()">.
4 Introduzca las siguientes etiquetas div en el HTML donde desea mostrar el mapa. Cambiar los valores de la anchura y la altura como mejor le parezca.
<Div id = estilo "google_map" = "width: 550px; altura: 400px"> </ div>
5 Guarde el archivo HTML y haga doble clic en él para abrirlo en su navegador. El mapa debe cargar, mostrando la ubicación especificada.
Consejos y advertencias
- La versión 3 de Google Maps no utiliza una clave de API, que es un código que tiene que obtener de Google para la versión 2 cuando se utiliza mapas de Google en línea. Google ha desaprobado la versión 2, por lo que ahora no hay ninguna diferencia entre ir en vivo y el uso de Google Maps dentro de un entorno de desarrollo local.