Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/09/2009, 10:01
Avatar de Phoenix23
Phoenix23
 
Fecha de Ingreso: agosto-2007
Ubicación: 43.286211, -2.171349
Mensajes: 253
Antigüedad: 16 años, 9 meses
Puntos: 1
Respuesta: Duda con Google Maps

Hola jefeencubierto,

Te voy a explicar como poner 2 punteros o mas en donde quieras.


Código:
function load() {
      if (GBrowserIsCompatible()) {
      
        var icon = new GIcon();
        icon.shadow = "../images/puntero_sombra.png";
        icon.iconSize = new GSize(40, 32);
        icon.shadowSize = new GSize(40, 32);
        icon.iconAnchor = new GPoint(30, 10);
        icon.infoWindowAnchor = new GPoint(31, 8);
        
        var puntero_html = "<h5><strong>Texto que quieras</strong></h5><p class='texto_globo'><br/><strong></strong></p><p class='texto_globo'><strong></strong><strong></strong></p>";
        var puntero = new GMarker(new GLatLng(43.271706,-2.234259), icon);
        GEvent.addListener(puntero, "click", function(){puntero.openInfoWindowHtml(puntero_html);});

		var puntero2_html = "<h5><strong>Texto que quieras</strong></h5><p><br/><strong></strong></p><p><strong></strong><strong>Fax:</strong> </p>";
        var puntero2 = new GMarker(new GLatLng(43.206677,-2.294769 ), icon);
        GEvent.addListener(puntero2, "click", function(){puntero2.openInfoWindowHtml(puntero2_html);});

        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(43.271706,-2.234259), 10);
   // 	map.setMapType(G_HYBRID_MAP);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
    	map.addOverlay(puntero);
    	map.addOverlay(puntero2);

      }
    }
icon.shadow: Esta es la imagen que has echo tu y que quieras que aparezca como puntero en el mapa.

var puntero_html = Este es un puntero. Lo que viene entre las comillas es el texto que quieras ponerle tu en el globo que sale al pinchar en el puntero. puedes usar codigo html para resaltar el telefono, el fax,etc....

var puntero = new GMarker(new GLatLng(43.271706,-2.234259), icon); esto es la posicion donde quieres que aparezca el icono.

map.setCenter(new GLatLng(43.271706,-2.234259), 10);: esto es el centro del mapa.


donde quieres que salga el mapa ( por ejemplo contacto.php), le pones la API key asi:

<script language="javascript" type="text/JavaScript" src="js/mapa.js"></script>

Código:
<script src="http://maps.google.com/maps?file=api&amp;v=APIKEY" type="text/javascript" charset="utf-8"></script>
y luego, en la misma página <body onload="load();" onunload="GUnload()" >

Espero haberme explicado bien y espero que te sirva

Saludos
__________________
"La vida se mide por las veces que te levantas, no por las veces que te caes"

visita zarautz!!!