Re: [Ovillo] [O.T] google maps

Tue, 15 Jan 2008 07:58:59 -0800 

Basicamente creo que hay dos formas de trabajar con google maps, la facil y
la menos facil, la facil seria ir a la pagina de google maps mirar la
direccion que buscas y despues meter un iframe en tu pagina con esa
direccion.

La forma menos facil es utilizar el API de google maps:

1º)

Irte a http://www.google.com/apis/maps/signup.html

Poner la url al sitio, no a una pagina www.ejemplo.com

2º) Se generara un key y un codigo que hay que poner en la cabecera:

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=mikey";

      type="text/javascript"></script>

3º) A continuación me voy a http://maps.google.es



Busco la direccion de la empresa, me fijo en los numeros que aparecen al
lado de ll que son las coordenadas que usaremos. Si no aparecen pulso
enlazar con esta pagina.



40.396764,-3.713379



4º) en el head uso el siguiente script

var cord1=coordenada uno dada por el enlace ll

var cord2= coordenada dos dada por el enlace ll;

            var mensaje="";

            mensaje="codigo html para el mensaje ";

var logo="";

logo= url al logo.



  var mi_imagen = new Image(); //creamos un objeto tipo imagen para obtener
la anchura y altura del logo de forma automatica

   mi_imagen.src=url_logo;



function load() {



      if (GBrowserIsCompatible()) {

        var map = new GMap2(document.getElementById("map"));

     map.setCenter(new GLatLng(cord1,cord2), 16);



                        map.addControl(new GSmallMapControl());

   map.addControl(new GMapTypeControl());

   var icon = new GIcon();icon.image = url_logo;

   icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png
";

   icon.iconSize = new GSize(mi_imagen.width, mi_imagen.height);

   icon.shadowSize = new GSize(mi_imagen.width, mi_imagen.height);
icon.iconAnchor = new GPoint(6, 20);

   icon.infoWindowAnchor = new GPoint(6, 1);

    var point = new GLatLng(cord1, cord2);

                        map.openInfoWindowHtml(point,mensaje);

                        var marker = new GMarker(point,icon);

                          GEvent.addListener(marker, "click", function() {

                             marker.openInfoWindowHtml(mensaje);  });

                                    map.addOverlay(marker);

      }

    }

    //]]>

    </script>

Te dejo una url donde se explican mejor que yo

http://86400.es/2006/02/07/como-usar-los-mapas-de-google-en-tu-web/

Respecto a meter sonido lo mejor seria que te hicieras unos botones en flash
con la musica incorporada.

Aprovecho para saludar a los compañeros de el metal, ya que hace mucho que
no escribia en la lista.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a