Tema: Loop para mostrar resultados.
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 31/07/2012, 13:43
Fantass
 
Fecha de Ingreso: noviembre-2011
Mensajes: 19
Antigüedad: 12 años, 5 meses
Puntos: 2
Respuesta: Loop para mostrar resultados.
Cita:
Iniciado por Dradi7 Ver Mensaje
Prueba con esto

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <title>Google Maps JavaScript API v3 Example: Place Search</title>
  6.  
  7.     <script src="https://maps.googleapis.com/maps/api/js?sensor=true&libraries=places"></script>
  8.     <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  9.     <style>
  10.       #map {
  11.         height: 400px;
  12.         width: 600px;
  13.         border: 1px solid #333;
  14.         margin-top: 0.6em;
  15.       }
  16.     </style>
  17.  
  18.     <script>
  19.       var map;
  20.       var infowindow;
  21.  
  22.       function initialize() {
  23.         var pyrmont = new google.maps.LatLng(17.562406,-99.504623);
  24.  
  25.         map = new google.maps.Map(document.getElementById('map'), {
  26.           mapTypeId: google.maps.MapTypeId.ROADMAP,
  27.           center: pyrmont,
  28.           zoom: 15
  29.         });
  30.  
  31.         var request = {
  32.           location: pyrmont,
  33.           radius: 500,
  34.  
  35.         };
  36.         infowindow = new google.maps.InfoWindow();
  37.         var service = new google.maps.places.PlacesService(map);
  38.         service.search(request, callback);
  39.       }
  40.  
  41.       function callback(results, status) {
  42.         if (status == google.maps.places.PlacesServiceStatus.OK) {
  43.           var datos = '';
  44.           for (var i = 0; i < results.length; i++) {
  45.             createMarker(results[i]);
  46.             datos += i + ' ' + results[i].name + '<br/>';
  47.           }
  48.           document.getElementById("text").innerHTML = datos;
  49.         }
  50.       }
  51.  
  52.       function createMarker(place) {
  53.         var placeLoc = place.geometry.location;
  54.         var marker = new google.maps.Marker({
  55.           map: map,
  56.           position: place.geometry.location
  57.         });
  58.  
  59.         google.maps.event.addListener(marker, 'click', function() {
  60.           infowindow.setContent(place.name);
  61.           infowindow.open(map, this);
  62.         });
  63.       }
  64.  
  65.       google.maps.event.addDomListener(window, 'load', initialize);
  66.     </script>
  67.   </head>
  68.   <body>
  69.     <div id="map"></div>
  70.     <div id="text"></div>
  71.  
  72.   </body>
  73. </html>
Perfecto!!, mucha gracias me podrias decir que hiciste para no estar preguntando cada vez que tenga que hacer lo mismo.

Saludos!