Paseame</tile> <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAejcABNCtPJxCAH4v2F7FvBS5NwLzjbKyoH0G3ujxGEX9YFg1lxTCY4iZmMMQithNtCJ_UjarqKEcQw"></script> <script src="http://www.google.com/jsapi?key=ABQIAAAAejcABNCtPJxCAH4v2F7FvBS5NwLzjbKyoH0G3ujxGEX9YFg1lxTCY4iZmMMQithNtCJ_UjarqKEcQw" type="text/javascript"></script> <script src="http://paseame.com/js/jquery.js"></script> <link rel="stylesheet" href="http://paseame.com/css/prox.css"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script type="text/javascript"> jQuery(document).ready(function() { var location = 'Unable to determine your location.'; var loc; if (google.loader.ClientLocation) { loc = google.loader.ClientLocation; } var centro=false; function createMarker(point, index,titulo,telefono) { // Create a lettered icon for this point using our icon class var letter = String.fromCharCode("A".charCodeAt(0) + index%25); var letteredIcon = new GIcon(baseIcon); letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png"; // Set up our GMarkerOptions object markerOptions = { icon:letteredIcon }; var marker = new GMarker(point, markerOptions); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml( titulo.toLowerCase()+"<br/>"+telefono.toLowerCase() ); }); return marker; } function createMarkerU(point) { // Create a lettered icon for this point using our icon class var letteredIcon = new GIcon(baseIcon); letteredIcon.image = "http://www.google.com/mapfiles/marker.png"; // Set up our GMarkerOptions object markerOptions = { icon:letteredIcon }; var marker = new GMarker(point, markerOptions); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml( titulo.toLowerCase()+"<br/>"+telefono.toLowerCase() ); }); return marker; } var map = new GMap2(document.getElementById('map')); if(!loc){ var burnsvilleMN = new GLatLng(20.612734,-100.407788); go(20.612734,-100.407788); }else{ var burnsvilleMN = new GLatLng(loc.latitude,loc.longitude); go(loc.latitude,loc.longitude); } map.setCenter(burnsvilleMN, 15); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); // Create a base icon for all of our markers that specifies the // shadow, icon dimensions, etc. var baseIcon = new GIcon(G_DEFAULT_ICON); baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png"; baseIcon.iconSize = new GSize(20, 34); baseIcon.shadowSize = new GSize(37, 34); baseIcon.iconAnchor = new GPoint(9, 34); baseIcon.infoWindowAnchor = new GPoint(9, 2); GEvent.addListener(map, "moveend", function() { var center = map.getCenter(); go(center.lat(),center.lng()); }); function go(latitude,longitude){ $.post('http://paseame.com/simplegeo/location/'+latitude+'/'+longitude+'', { "func": "getNameAndTime" }, function(data){ if(!centro){ var U=new GLatLng(latitude,longitude); map.addOverlay(createMarkerU(U)); centro=true; } for (var i=0; i < data.features.length; i++) { var point= new GLatLng(data.features[i].geometry.coordinates[1]-.0005,data.features[i].geometry.coordinates[0]-.0002); map.addOverlay(createMarker(point, i,data.features[i].properties.nombre,data.features[i].properties.telefono)); }; }, "json"); } }); </script> </head> <body > <div id="header"> <h1>Paseame</h1> </div> <div id="content"> <div id="contmap"> <div id="map"></div> </div> <div id="slang"> <h2>No somos un directorio.</h2></div> </div> </body>