Mapas y APIs: GEvent.addListener(map, "click", function(marker, point)

En el siguiente mapa si hacemos click en cualquier lugar aparecerán unas figuritas pintadas en paint El código de la página incrustada es: <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Google Ejemplos API</title> <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAALn28A04tvBSlriJcmNa43RQjpfTDCbQ_8jmEpLFJDCFB91CRqxS-nJ5aDEzACi3AB0KUq3EDzW68vw" type="text/javascript"> </script> <script type="text/javascript"> //<![CDATA[ function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.setCenter(new GLatLng(42.831825,-1.612501), 16); /*********Añadir controles*************/ map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); /************fin***********************/ /*********Mensaje en el centro*********/ map.openInfoWindow(map.getCenter(), document.createTextNode("Hacer click sobre el mapa")); /********fin******************************/ /*********************Inserta Icono-Dibujo*********************/ var Icono1 = new GIcon(); Icono1.image = "http://amaia.goni2.googlepages.com/icono1.PNG"; Icono1.iconSize = new GSize(70, 45); Icono1.iconAnchor = new GPoint(6, 20); Icono1.infoWindowAnchor = new GPoint(5, 1); var point = new GLatLng(42.83,-1.615501); map.addOverlay(new GMarker(point, Icono1)); /****************** FIN Inserta Icono-Dibujo*********************/ /***********Click y aparece un icono*************/ GEvent.addListener(map, "click", function(marker, point) { if (marker) { map.removeOverlay(marker); } else { map.addOverlay(new GMarker(point,Icono1)); } }) /*************fin*************************************/ } } //]]> </script> </head> <body onload="load()" onunload="GUnload()"> <div id="map" style="width: 600px; height: 400px"></div> </body> </html>

Mapas y APIs

lunes, 10 de septiembre de 2007

GEvent.addListener(map, "click", function(marker, point)

1 comentarios:

Datos personales

Entradas anteriores