Ver Mensaje Individual
  #10 (permalink)  
Antiguo 31/10/2011, 12:30
morzamorza
 
Fecha de Ingreso: marzo-2011
Mensajes: 6
Antigüedad: 10 años, 6 meses
Puntos: 2
Respuesta: Geocoder google maps api v3 - result types en ingles

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