Foros del Web » Programando para Internet » Javascript »

Geocoder google maps api v3 - result types en ingles

Estas en el tema de Geocoder google maps api v3 - result types en ingles en el foro de Javascript en Foros del Web. Buenas, Estuve viendo algunos de los codigos de los demo en google y encontre uno que me gusto mucho. Al ingresar la latitud y longitud ...
  #1 (permalink)  
Antiguo 10/03/2011, 15:55
 
Fecha de Ingreso: marzo-2011
Mensajes: 6
Antigüedad: 7 años, 9 meses
Puntos: 2
Geocoder google maps api v3 - result types en ingles

Buenas,
Estuve viendo algunos de los codigos de los demo en google y encontre uno que me gusto mucho. Al ingresar la latitud y longitud me arroja los datos desde la numeracion hasta el pais, si es que hubisen todos esos datos.
El problema que tengo que es que los tipos de datos que me tira me tira en ingles, el TITULO del dato, ej: en vez de calle o ruta, me arroja ROUTE, etc.
Aca esta el codigo. Existe alguna manera de hacer que esos titulos, los TYPES aparezcan en español?


<script type="text/javascript" src="jsapi"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script type="text/javascript">
var map;
var geocoder;

function initialize() {



//Inicializamos geocoder y centramos el mapa en la ubicación del visitante
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(-25.306864, -57.602863);


//Creamos el mapa
var myOptions = {
zoom: 16,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};

map = new google.maps.Map(document.getElementById("map_canva s"), myOptions);


//MARKER
var marker = new google.maps.Marker({
position: latlng,
map: map,
title:"ACA",
icon: 'http://google-maps-icons.googlecode.com/files/car.png'
});


}

function actualizaUbicacion()
{
var latlng = new google.maps.LatLng(-25.306864, -57.602863);


if (geocoder)
{
geocoder.geocode({'latLng': latlng}, function(results, status)
{
if (status == google.maps.GeocoderStatus.OK)
{
if (results[1])
{
var reverse_geo = results[0];

var text = "<strong>INFORMACION:<br/></strong>";

if (reverse_geo.address_components[0]) { text = text + "<strong>" + reverse_geo.address_components[0].types + ": </strong>" + reverse_geo.address_components[0].long_name + "<br />"; }
if (reverse_geo.address_components[1]) { text = text + "<strong>" + reverse_geo.address_components[1].types + ": </strong>" + reverse_geo.address_components[1].long_name + "<br />"; }
if (reverse_geo.address_components[2]) { text = text + "<strong>" + reverse_geo.address_components[2].types + ": </strong>" + reverse_geo.address_components[2].long_name + "<br />"; }
if (reverse_geo.address_components[3]) { text = text + "<strong>" + reverse_geo.address_components[3].types + ": </strong>" + reverse_geo.address_components[3].long_name + "<br />"; }
if (reverse_geo.address_components[4]) { text = text + "<strong>" + reverse_geo.address_components[4].types + ": </strong>" + reverse_geo.address_components[4].long_name + "<br />"; }
if (reverse_geo.address_components[5]) { text = text + "<strong>" + reverse_geo.address_components[5].types + ": </strong>" + reverse_geo.address_components[5].long_name + "<br />"; }
if (reverse_geo.address_components[6]) { text = text + "<strong>" + reverse_geo.address_components[6].types + ": </strong>" + reverse_geo.address_components[5].long_name + "<br />"; }



document.getElementById('info').innerHTML = text;
}
}
else
{
document.getElementById('info').innerHTML = "No hay información de Reverse Geocoding.";
}
});
}
}



</script>
  #2 (permalink)  
Antiguo 07/04/2011, 00:27
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 9 años, 6 meses
Puntos: 1512
Respuesta: Geocoder google maps api v3 - result types en ingles

Trata colocando la llave language=es en la ruta que carga la api.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 07/04/2011, 05:46
 
Fecha de Ingreso: marzo-2011
Mensajes: 6
Antigüedad: 7 años, 9 meses
Puntos: 2
Respuesta: Geocoder google maps api v3 - result types en ingles

gracias por la respuesta. ya habia probado eso y aun asi no cambiaba el idioma.
alguna otra sugerencia?
saludos !
  #4 (permalink)  
Antiguo 07/04/2011, 07:30
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 9 años, 6 meses
Puntos: 1512
Respuesta: Geocoder google maps api v3 - result types en ingles

Trabajando con tu código me di cuenta, que es lo que quieres hacer en realidad. Se supone que el método de geocode tiene una propiedad llamada language. Lo traté y no me salió tampoco que se mostrara en español. Pero ¿qué te detiene el tu hacerlo, si le estás especificando unos campos en sí? Otra cosa no existe en el primer argumento que es una referencia a google.maps.GeocoderRequest una propiedad llamada latlng, sí existe una llamada location.
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4.     <title>test</title>
  5.     <style>
  6.     *{ margin: 0; padding: 0; }
  7.     html, body, #map{
  8.         width: 100%;
  9.         height: 100%;
  10.     }
  11.     #info{
  12.         width: 350px;
  13.         position: relative;
  14.         top: -150px;
  15.         margin: 0 auto;
  16.         background-color: #fff;
  17.     }
  18.     </style>
  19.     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;language=es"></script>
  20.  
  21. <script type="text/javascript">
  22. window.onload = function(){
  23.     var geocoder = new google.maps.Geocoder();
  24.     var latlng = new google.maps.LatLng(-25.306864, -57.602863);
  25.     var options = {
  26.         zoom: 16
  27.         , center: latlng
  28.         , mapTypeId: google.maps.MapTypeId.ROADMAP
  29.     };
  30.  
  31.     var map = new google.maps.Map(document.getElementById('map'), options);
  32.  
  33.     //MARKER
  34.     var marker = new google.maps.Marker({
  35.         position: latlng,
  36.         map: map,
  37.         title:"ACA",
  38.         icon: 'http://google-maps-icons.googlecode.com/files/car.png'
  39.     });
  40.  
  41.     if (geocoder){
  42.         var geoRequest = {
  43.             'location' : latlng
  44.             , 'language' : 'es'
  45.         }
  46.         geocoder.geocode(geoRequest, function(results, status){
  47.             if (status == google.maps.GeocoderStatus.OK){
  48.                 if (results[1]){
  49.                     var reverse_geo = results[0];
  50.  
  51.                     var text = "<strong>INFORMACION:<br/></strong>";
  52.  
  53.                     if (reverse_geo.address_components[0]) { text = text + "<strong>Ruta: </strong>" + reverse_geo.address_components[0].long_name + "<br />"; }
  54.                     if (reverse_geo.address_components[1]) { text = text + "<strong>Localidad: </strong>" + reverse_geo.address_components[1].long_name + "<br />"; }
  55.                     if (reverse_geo.address_components[2]) { text = text + "<strong>Sub-localidad: </strong>" + reverse_geo.address_components[2].long_name + "<br />"; }
  56.                     if (reverse_geo.address_components[3]) { text = text + "<strong>Área administrativa: </strong>" + reverse_geo.address_components[3].long_name + "<br />"; }
  57.                     if (reverse_geo.address_components[4]) { text = text + "<strong>País: </strong>" + reverse_geo.address_components[4].long_name + "<br />"; }
  58.                     document.getElementById('info').innerHTML = text;
  59.                 }
  60.             }
  61.             else{
  62.                 document.getElementById('info').innerHTML = "No hay información de Reverse Geocoding.";
  63.             }
  64.         });
  65.     }
  66. };
  67. </head>
  68.     <div id="map"></div>
  69.     <div id="info"></div>
  70. </body>
  71. </html>
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #5 (permalink)  
Antiguo 07/04/2011, 07:33
 
Fecha de Ingreso: marzo-2011
Mensajes: 6
Antigüedad: 7 años, 9 meses
Puntos: 2
Respuesta: Geocoder google maps api v3 - result types en ingles

lo puedo hacer yo pero al ponerle yo el titulo la respuesta del reverse geocode puede variar:
(reverse_geo.address_components[0]) me puede devolver el numero de la calle si es que hay como me puede devolver solo el pais, el 0 seria lo mas especifico que encuentra, el 1 seria el siguiente y asi sucesivamente, el problema es que no siempre el 0 va a ser la numeracion de la calle porque no siempre devuelve ese valor.
  #6 (permalink)  
Antiguo 07/04/2011, 07:51
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 9 años, 6 meses
Puntos: 1512
Respuesta: Geocoder google maps api v3 - result types en ingles

Podrías crearlo tu mismo, algo así
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4.     <title>test</title>
  5.     <style>
  6.     *{ margin: 0; padding: 0; }
  7.     html, body, #map{
  8.         width: 100%;
  9.         height: 100%;
  10.     }
  11.     #info{
  12.         width: 350px;
  13.         position: relative;
  14.         top: -150px;
  15.         margin: 0 auto;
  16.         background-color: #fff;
  17.     }
  18.     </style>
  19.     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;language=es"></script>
  20.  
  21. <script type="text/javascript">
  22. window.onload = function(){
  23.     var geocoder = new google.maps.Geocoder();
  24.     var latlng = new google.maps.LatLng(-25.306864, -57.602863);
  25.     var options = {
  26.         zoom: 16
  27.         , center: latlng
  28.         , mapTypeId: google.maps.MapTypeId.ROADMAP
  29.     };
  30.  
  31.     var map = new google.maps.Map(document.getElementById('map'), options);
  32.  
  33.     //MARKER
  34.     var marker = new google.maps.Marker({
  35.         position: latlng,
  36.         map: map,
  37.         title:"ACA",
  38.         icon: 'http://google-maps-icons.googlecode.com/files/car.png'
  39.     });
  40.  
  41.     if (geocoder){
  42.         var geoRequest = {
  43.             'location' : latlng
  44.             , 'language' : 'es'
  45.         }
  46.         geocoder.geocode(geoRequest, function(results, status){
  47.             if (status == google.maps.GeocoderStatus.OK){
  48.                 if (results[0]){
  49.                     var reverse_geo = results[0];
  50.                     var translateTypes = {
  51.                         'route' : 'Ruta'
  52.                         , 'sublocality,political' : 'Sub-localidad'
  53.                         , 'locality,political' : 'Localidad'
  54.                         , 'administrative_area_level_1,political' : 'Área administrativa'
  55.                         , 'country,political' : 'País'
  56.                     };
  57.  
  58.                     var text = "<strong>INFORMACION:<br/></strong>";
  59.                     for(var i in reverse_geo.address_components){
  60.                         var types = translateTypes[reverse_geo.address_components[i]['types']] != undefined
  61.                             ? translateTypes[reverse_geo.address_components[i]['types']]
  62.                             : reverse_geo.address_components[i]['types'];
  63.                         text = text + '<strong>' + types + ':</strong> ' + reverse_geo.address_components[0].long_name + "<br />";
  64.                     }
  65.                     document.getElementById('info').innerHTML = text;
  66.                 }
  67.             }
  68.             else{
  69.                 document.getElementById('info').innerHTML = "No hay información de Reverse Geocoding.";
  70.             }
  71.         });
  72.     }
  73. };
  74. </head>
  75.     <div id="map"></div>
  76.     <div id="info"></div>
  77. </body>
  78. </html>
Cada vez que salga uno que no tienes, lo añades al listado mencionado por translateTypes.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #7 (permalink)  
Antiguo 07/04/2011, 09:34
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 16 años, 10 meses
Puntos: 772
Hola, morzamorza

Muevo tu tema al foro de APIs y Servicios desde Javascript.

Saludos,
  #8 (permalink)  
Antiguo 31/10/2011, 13:20
 
Fecha de Ingreso: marzo-2011
Mensajes: 6
Antigüedad: 7 años, 9 meses
Puntos: 2
Respuesta: Geocoder google maps api v3 - result types en ingles

antes que nada muchas gracias por la respuesta. Funciono perfectamente.
Saludos y gracias
  #9 (permalink)  
Antiguo 31/10/2011, 13:28
 
Fecha de Ingreso: marzo-2011
Mensajes: 6
Antigüedad: 7 años, 9 meses
Puntos: 2
Respuesta: Geocoder google maps api v3 - result types en ingles

Con respecto a este mismo tema, tengo otra duda.
Suponiendo que mi html recibe dos vectores, uno lat y otro lon, en base a estos yo quiero agregar markers sobre un mapa y al mismo tiempo hacer un reverse geocoding de cada punto para luego imprimir en pantalla
LAT LON INFORMACION
El tema es que en informacion siempre me sale undefined. Ahora bien si en vez de crear un vector posicion [] que vaya almacenando la variable "text" en la funcion "codeLatLng" hago:
document.getElementById('info').innerHTML = text;
y luego pongo un div id=info en vez de imrpimir el posiciones[] en el body, ahi si resulta pero cambiando por cada posicion.
Lo que exactamente quiero hacer es.
Busque lat[1] lon[1], cree el punto[1] (como nuevo punto de google maps) luego con este punto llama a drop y este llama a addMarker que agrega el punto[1] en el mapa, luego que llame a codeLatLng para punto[1] y que guarde el resultado String del geocoder en posiciones[1].
Se podra hacer??
Esto es lo que tengo hasta ahora.
Saludos y gracias !!!
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">

//VARIABLES
var lat = [-34.58609,- 25.40101,- 25.4157,- 25.40614,- 25.42922,- 25.4211,- 25.38474,- 25.3491];
var lon = [-58.414307,- 57.57554,- 57.55637,- 57.54233,- 57.54504,- 57.53866,- 57.54989,- 57.57423];
var puntos = [];
var Clat=0;
var Clon=0;
var j=0;
var i = 0;
var markers = [];
var iterator = 0;
var map;
var geocoder;
var iterator2 = 0;
var posiciones = [];

//PROMEDIO DE LAT Y LON PARA CENTRAR EL MAPA
for (j = 0; j < lat.length; j++) {
puntos[j] = new google.maps.LatLng(lat[j], lon[j]);
Clat = Clat + lat[j];
Clon = Clon + lon[j];
}
var latitud = Clat / j;
var longitud = Clon / j;

//CENTRO EL MAPA
var center = new google.maps.LatLng(latitud, longitud);

//CARGO EL MAPA
function initialize() {
var mapOptions = {
zoom: 12,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: center
};
map = new google.maps.Map(document.getElementById("map_canva s"), mapOptions);
}

//TIRO LOS MARKERS
function drop() {
for (var i = 0; i < puntos.length; i++) {
numero = i + 1;
setTimeout(function() {
addMarker();
codeLatLng();
}, i * 1000);
}
}

//AGREGO MARKER
function addMarker() {
var titulo = "Punto:" + String(iterator);
markers.push(new google.maps.Marker({
position: puntos[iterator],
map: map,
title: titulo,
draggable: false,
animation: google.maps.Animation.DROP
}));
iterator++;
}


//GEOCODIFICO
function codeLatLng() {
geocoder = new google.maps.Geocoder();
geocoder.geocode({ 'latLng': puntos[iterator2] }, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
if (results[0]) {
var reverse_geo = results[0]
var text = "";
text = text + reverse_geo.formatted_address;
posiciones[iterator2] = text;
}
}
});
iterator2++;
}





</script>

</head>

<body onload="initialize(),drop()">

<table>
<tr>
<td>
<div id="map_canvas" style="width: 500px; height: 400px;"></div>
</td>
<td>

<table>
<tr>
<td>
PUNTO</td>
<td>
LATITUD</td>
<td>
LONGITUD</td>
<td>
GEOCODER</td>
</tr>
<tr>
<td>
<script type="text/javascript">
for (var i = 0; i < lat.length; i++) {
var numero = i + 1;
document.write(numero + "<br>");
}
</script>
</td>
<td>
<script type="text/javascript">
for (var i = 0; i < lat.length; i++) {
document.write(lat[i] + "<br>");
}
</script>
</td>
<td>
<script type="text/javascript">
for (var i = 0; i < lon.length; i++) {
document.write(lon[i] + "<br>");
}
</script>
</td>
<td>
<script type="text/javascript">
for (var i = 0; i < lat.length; i++) {
document.write(posiciones[i] + "<br>");
}
</script>
</td>
</tr>
</table>

</td>
</tr>
</table>

</body>
</html>
  #10 (permalink)  
Antiguo 31/10/2011, 13:30
 
Fecha de Ingreso: marzo-2011
Mensajes: 6
Antigüedad: 7 años, 9 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>
  #11 (permalink)  
Antiguo 21/03/2012, 14:52
 
Fecha de Ingreso: marzo-2012
Mensajes: 1
Antigüedad: 6 años, 8 meses
Puntos: 0
Pregunta Respuesta: Geocoder google maps api v3 - result types en ingles

Tengo una consulta con respecto al tema del promedio entre la lat y lng para posicionar el mapa en el centro.

Yo estoy cargando lo puntos a través de la generación del xml que lee el maps, pero mi problema actual es realizar la rutina para que me posicione el mapa de acuerdo al promedio de los puntos que van ingresando, como podría hacerlo ???

for (var i = 0; i < markers.length; i++) {
var name = markers[i].getAttribute("name");
var address = markers[i].getAttribute("address");
var type = markers[i].getAttribute("type");
var h = markers[i].getAttribute("h");
var point = new google.maps.LatLng(
parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
}

aqui podría yo obtener el promedio de la latitud y longitud ?

soy un novato en javascript y de verdad necesito realizar esa labor.

Agradecería su ayuda.
  #12 (permalink)  
Antiguo 26/07/2012, 17:49
Avatar de vero00809_chinita  
Fecha de Ingreso: mayo-2012
Mensajes: 21
Antigüedad: 6 años, 6 meses
Puntos: 0
Respuesta: Geocoder google maps api v3 - result types en ingles

haber una pregnta ya tengo un mapa con un market pintado mi pregunta es la siguiente
como colocar en la pantalla la latitud y longuitud abajo del mapa al darle click
si este es mi codigo
<html >
<head>
<title>Experimento uno de JavaScript de Google Maps: autocompletado de lugares</title>
<script src="https://maps.google.com/maps/api/js?sensor=false&libraries=places"
type="text/javascript"></script>

<style type="text/css">
body {
font-family: sans-serif;
font-size: 14px;
}
#map {
height: 400px;
width: 600px;
margin-top: 0.6em;
}
input:focus {
outline: none;
}
</style>


<script>
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(19.8793216666667, -98.969705),
zoom: 4,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map'), mapOptions);

var input = document.getElementById('searchTextField');
var autocomplete = new google.maps.places.Autocomplete(input);

autocomplete.bindTo('bounds', map);

var infowindow = new google.maps.InfoWindow();
var marker = new google.maps.Marker({
map: map
});

google.maps.event.addListener(autocomplete, 'place_changed', function () {
infowindow.close();
var place = autocomplete.getPlace();
if (place.geometry.viewport) {
map.fitBounds(place.geometry.viewport);
} else {
map.setCenter(place.geometry.location);
map.setZoom(17); // Why 17? Because it looks good.
}
var image = new google.maps.MarkerImage(
place.icon, new google.maps.Size(71, 71),
new google.maps.Point(0, 0), new google.maps.Point(17, 34),
new google.maps.Size(35, 35));
marker.setIcon(image);
marker.setPosition(place.geometry.location);

var address = '';
if (place.address_components) {
address = [
(place.address_components[0] &&
place.address_components[0].short_name || ''),
(place.address_components[1] &&
place.address_components[1].short_name || ''),
(place.address_components[2] &&
place.address_components[2].short_name || '')].join(' ');
}

infowindow.setContent('<div><b>' + place.name + '</b><br>' + address);
infowindow.open(map, marker);
});

// Sets a listener on a radio button to change the filter type on Places
// Autocomplete.
var setupClickListener = function (id, types) {
var radioButton = document.getElementById(id);
google.maps.event.addDomListener(radioButton, 'click', function () {
autocomplete.setTypes(types);
});
}

setupClickListener('changetype-all', []);
setupClickListener('changetype-establishment', ['establishment']);
setupClickListener('changetype-geocode', ['geocode']);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div>
<input id="searchTextField" type="text" size="50">
<input type="radio" name="type" id="changetype-all" checked> Todo
<input type="radio" name="type" id="changetype-establishment"> Establecimientos
<input type="radio" name="type" id="changetype-geocode"> Códigos geográficos
</div>
<div id="map"></div>
</body>
</html>

Etiquetas: api, google, ingles, maps, result, type
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 2 personas




La zona horaria es GMT -6. Ahora son las 09:44.