Tema: Geocoder google maps api v3 - result types en ingles
Ver Mensaje Individual
  #10 (permalink)  
Antiguo 31/10/2011, 12:30
morzamorza
 
Fecha de Ingreso: marzo-2011
Mensajes: 6
Antigüedad: 13 años, 8 meses
Puntos: 2
Respuesta: Geocoder google maps api v3 - result types en ingles
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
  5. <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
  6. <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false"></script>
  7. <script type="text/javascript">
  8.     
  9.     //VARIABLES
  10.     var lat = [-34.58609,- 25.40101,- 25.4157,- 25.40614,- 25.42922,- 25.4211,- 25.38474,- 25.3491];
  11.     var lon = [-58.414307,- 57.57554,- 57.55637,- 57.54233,- 57.54504,- 57.53866,- 57.54989,- 57.57423];
  12.     var puntos = [];
  13.     var Clat=0; 
  14.     var Clon=0;
  15.     var j=0;
  16.     var i = 0;
  17.     var markers = [];
  18.     var iterator = 0;
  19.     var map;
  20.     var geocoder;
  21.     var iterator2 = 0;
  22.     var posiciones = [];
  23.  
  24.     //PROMEDIO DE LAT Y LON PARA CENTRAR EL MAPA
  25.     for (j = 0; j < lat.length; j++) {
  26.         puntos[j] = new google.maps.LatLng(lat[j], lon[j]);
  27.         Clat = Clat + lat[j];
  28.         Clon = Clon + lon[j];               
  29.     }
  30.     var latitud = Clat / j;
  31.     var longitud = Clon / j;
  32.  
  33.     //CENTRO EL MAPA
  34.     var center = new google.maps.LatLng(latitud, longitud);
  35.  
  36.     //CARGO EL MAPA
  37.     function initialize() {
  38.         var mapOptions = {
  39.             zoom: 12,
  40.             mapTypeId: google.maps.MapTypeId.ROADMAP,
  41.             center: center
  42.         };
  43.         map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
  44.     }
  45.  
  46.     //TIRO LOS MARKERS
  47.     function drop() {
  48.         for (var i = 0; i < puntos.length; i++) {
  49.             numero = i + 1;
  50.             setTimeout(function() {
  51.                 addMarker();
  52.                 codeLatLng();
  53.             }, i * 1000);
  54.         }
  55.     }
  56.  
  57.     //AGREGO MARKER
  58.     function addMarker() {
  59.         var titulo = "Punto:" + String(iterator);
  60.         markers.push(new google.maps.Marker({
  61.             position: puntos[iterator],
  62.             map: map,
  63.             title: titulo,
  64.             draggable: false,
  65.             animation: google.maps.Animation.DROP
  66.         }));
  67.         iterator++;
  68.     }
  69.  
  70.     
  71.     //GEOCODIFICO
  72.     function codeLatLng() {
  73.         geocoder = new google.maps.Geocoder();
  74.         geocoder.geocode({ 'latLng': puntos[iterator2] }, function(results, status) {
  75.             if (status == google.maps.GeocoderStatus.OK) {
  76.                 if (results[0]) {
  77.                     var reverse_geo = results[0]
  78.                     var text = "";
  79.                     text = text + reverse_geo.formatted_address;
  80.                     posiciones[iterator2] = text;
  81.                 }
  82.             }
  83.         });
  84.         iterator2++;
  85.     }
  86.  
  87.  
  88.     
  89.     
  90.     
  91. </script>
  92.  
  93. </head>
  94.  
  95. <body onload="initialize(),drop()">
  96.  
  97.     <table>
  98.         <tr>
  99.             <td>
  100.                 <div id="map_canvas" style="width: 500px; height: 400px;"></div>
  101.             </td>
  102.             <td>
  103.             
  104.                 <table>
  105.                     <tr>
  106.                         <td>
  107.                             PUNTO</td>
  108.                         <td>
  109.                             LATITUD</td>
  110.                         <td>
  111.                             LONGITUD</td>
  112.                         <td>
  113.                             GEOCODER</td>
  114.                     </tr>
  115.                     <tr>
  116.                         <td>
  117.                             <script type="text/javascript">
  118.                                 for (var i = 0; i < lat.length; i++) {
  119.                                     var numero = i + 1;
  120.                                     document.write(numero + "<br>");
  121.                                 }
  122.                             </script>
  123.                         </td>
  124.                         <td>
  125.                             <script type="text/javascript">
  126.                                 for (var i = 0; i < lat.length; i++) {
  127.                                     document.write(lat[i] + "<br>");
  128.                                 }
  129.                             </script>
  130.                         </td>
  131.                         <td>
  132.                             <script type="text/javascript">
  133.                                 for (var i = 0; i < lon.length; i++) {
  134.                                     document.write(lon[i] + "<br>");
  135.                                 }
  136.                             </script>
  137.                         </td>
  138.                         <td>
  139.                             <script type="text/javascript">
  140.                                 for (var i = 0; i < lat.length; i++) {
  141.                                     document.write(posiciones[i] + "<br>");
  142.                                 }
  143.                             </script>
  144.                         </td>
  145.                     </tr>
  146.                 </table>
  147.             
  148.             </td>
  149.         </tr>
  150.     </table>
  151.  
  152. </body>
  153. </html>