Apr 19

Estuve realizando un desarrollo para una página con css y estilos y tuve problemas con la visibilidad de los mapas de google en internet explorer.

Adjunto algunos links donde se habla un poquito:

Consulte un rato posibles soluciones o hacks para aplicar al desarrollo que ya había realizado, la mejor solución encontrada es el componente para ver mapas de afcomponets, es gratuito y muy fácil de programar, además con flash le podemos dar un toque de personalización adicional a los mapas, como en este caso un menú de exploración que nos permite ir directamente a un punto específico del mundo.

This movie requires Flash Player 8

Realicé los siguentes pasos para el mapa personalizado:

1. Ubicamos en el mapa las coordenas que queremos visualizar en la página de google maps.

2. Luego, hacemos uso del siguiente truco para tener la latitud y longitud de la posición que actualmente estamos viendo.

En la barra de direcciones, pegamos el siguiente código y luego presionamos enter:

javascript:void(prompt('',gApplication.getMap().getCenter()));

Genera una ventana con la información que necesitamos. Es decir latitud y longitud, copiamos esta información y la llevamos a flash para configurar el mapa.

3. Vamos al archivo flash que previamente hemos ingresado un componente GMAP, el cual es gratuito. (componente de afcomponents)

4. Ponemos un nombre de instancia map, y luego ponemos el tamaño requerido.

5. Por último implemente una programación as, que permite cambiar la ubicación con un menú de opciones.

Actionscript:
  1. paths = new Array();
  2. paths.push({lat:37.0625,lng:-95.677068});//Medellin
  3. paths.push({lat:48.85892699104534,lng:2.2943615913391113});//Torre Eiffel
  4. paths.push({lat:-13.125205415132301,lng:-72.52715706825256});//Machupichu
  5. paths.push({lat:3.1578598586671602,lng:101.71145260334015});//Torres petronas
  6. paths.push({lat:40.71212605734761,lng:-74.01033282279968});//Torres gemelas
  7. map.addControl(map.GZoomControl());
  8. map.addControl(map.GPositionControl());
  9. map.addControl(map.GTypeControl());
  10. map.panTo(paths[_root.pointer]);
  11.  
  12. //bm: Nombre del botón que despliega el menu
  13.  
  14. //m: MovieClip del Menú
  15.  
  16. bm.active = false;
  17. bm.gotoAndStop(1);
  18. bm.onPress = function()
  19. {
  20. if(!this.active)
  21. {
  22. this.active = true;
  23. m._x = 0;
  24. this.gotoAndStop(2);
  25. }
  26. else
  27. {
  28. this.active = false;
  29. m._x = 351.8;
  30. this.gotoAndStop(1);
  31. }
  32. }

Para descargar los archivos fuentes acá

Escrito por @lasmovies \\ tags: , ,

Feb 14

Este es el ejemplo de un mapa con una direcciòn ubicada por defecto.


Ver mapa más grande

Escrito por @lasmovies