Google Maps (I)
Ya se que está muy visto el incluir mapas en las web, y que hay mucha documentación al respecto, pero me costó bastante encontrar ciertas funcionalidades en lo que se refiere a marcar rutas sobre el mapa. Así que aquí tenéis un pequeño resumen en varias entregas.Crear mapa
Lo primero que necesitamos, es un mapa, para ello necesitamos registrarnos en la API de Google en http://www.google.com/apis/maps/signup.html
Incluiremos el enlace a la API en la cabecera (head) con la clave que nos han proporcionado:
<script src="http://maps.google.com/maps?file=api&v=2&key=PONER_AQUI_LA_CLAVE" type="text/javascript"></script>
Después añadiremos el código
javascript para mostar el mapa:
<script type="text/javascript">
//<![CDATA[
var map;
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
basico();
}
}javascript:void(0)
Publicar
function basico() {
map.setCenter(new GLatLng(38.697789, -0.473302), 15);
}
//]]>
Sólo nos falta crear un div en nuestra página para que pueda contener el mapa y llamar a los métodos de inicialización de la API de Google Maps:
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 27em; height: 27em"></div>
</body>
Aquí tendríamos el resultado, un mapa centrado en Alcoi a una altura definida (15):
0 comentarios:
Publicar un comentario