Un componenente interesante para añadir Google maps a tus pagina,
http://code.google.com/p/jquery-ui-map/
De lo mas interesante es que tiene tutoriales y ejemplos de como utilizarlo por lo que no se debe invertir mucho tiempo en aprender a utilizarlo ademas hasta donde vi es gratis, pero aceptan donaciones.
Utilizarlo es bien sencillo en la etiqueta head lo siguiente si la pagina no se va hacer para aparatos moviles
luego allí mismo se coloca el siguiente script
esto mostrara un mapa cuadrado de 250 pixeles, estos se pueden cambiar y colocar el mapa del tamaño deseado.
el tutorial completo en ingles esta aquí
http://code.google.com/p/jquery-ui-map/wiki/jquery_ui_map_v_3_tutorial
importante para los muy, muy novatos,
1. Tienen que tener descargado al menos jquery.min.js, jquery.ui.map.full.min.js y agregados al proyecto si se esta trabajando con un ide.
2. Cambiar donde dice ruta a script por la verdadera ruta al script, eso es por supuesto para los muy novatos.
para los experimentados arriba esta el enlace donde están las instrucciones de como hacer zoom, como agregar marcadores con descripción y otras cosas interesantes.
http://code.google.com/p/jquery-ui-map/
De lo mas interesante es que tiene tutoriales y ejemplos de como utilizarlo por lo que no se debe invertir mucho tiempo en aprender a utilizarlo ademas hasta donde vi es gratis, pero aceptan donaciones.
Utilizarlo es bien sencillo en la etiqueta head lo siguiente si la pagina no se va hacer para aparatos moviles
luego allí mismo se coloca el siguiente script
$(function() {
// Also works with: var yourStartLatLng = '59.3426606750, 18.0736160278';
var yourStartLatLng = new google.maps.LatLng(59.3426606750, 18.0736160278);
$('#map_canvas').gmap({'center': yourStartLatLng});
});
alli todavia no aparece el mapa entonces te vas ya al body de la pagina y dentro de un div el cual se puede dar un color, redondear las esquinas etc. se coloca lo siguiente:
esto mostrara un mapa cuadrado de 250 pixeles, estos se pueden cambiar y colocar el mapa del tamaño deseado.
el tutorial completo en ingles esta aquí
http://code.google.com/p/jquery-ui-map/wiki/jquery_ui_map_v_3_tutorial
importante para los muy, muy novatos,
1. Tienen que tener descargado al menos jquery.min.js, jquery.ui.map.full.min.js y agregados al proyecto si se esta trabajando con un ide.
2. Cambiar donde dice ruta a script por la verdadera ruta al script, eso es por supuesto para los muy novatos.
para los experimentados arriba esta el enlace donde están las instrucciones de como hacer zoom, como agregar marcadores con descripción y otras cosas interesantes.
Comentarios