Trucos para implementar Google Maps en tu página

Hace cosa de una semana tuve que meterme con Google Maps para un proyecto. Al principio era todo muy fácil, rápido y salía a la primera. Pero al profundizar más en las posibilidades de repente se empezaron a complicar las cosas :-(

Tras varias horas de investigación he conseguido resolver todos los problemas… y para que no se me olviden las apuntaré aquí…

La primera sorpresa era cuando me puse a probarlo en Internet Explorer… no se mostraba el mapa. El DIV para mostrar el mapa tenía la ID “map”… y por la razón que sea no le gustaba a IE… lo cambié a myMap y funcionó :-)

Ya tenía todo funcionando en Firefox y Explorer, y me puse a implementar marcadores. Hasta este punto muy bien. Pero cuando quería hacer que se puedan arrastrar daban errores de JavaScript. Probé el ejemplo de Google en su página de documentación y daba los mismos errores .-(
Les mandé un reporte de error a Google y al día siguiente  volví a probar el ejemplo en la página de Google. Sorpresa… ya no daba error. En seguida probé mi implementació, pero seguía dando el mismo error.
Al mirarme el código fuente que usa Google me dí cuenta que la llamada al API era ligeramente diferente… la versión la definían cómo “2.x” en vez de “2″. Lo probé y resulta que entonces se carga una nueva versión de su API… la 2.73.

Y así el error desapareció… ya solo me quedaba adaptar mi código a los cambios del API (las variables de los marcadores han cambiado de nombre) y funciona.

Miguel

Deja un comentario