Foros del Web - Ver Mensaje Individual - Geocoder google maps api v3

abimaelrc · #6 (**permalink**) 07/04/2011, 06:51

Podrías crearlo tu mismo, algo así

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>test</title>
    <style>
    *{ margin: 0; padding: 0; }
    html, body, #map{
        width: 100%;
        height: 100%;
    }
    #info{
        width: 350px;
        position: relative;
        top: -150px;
        margin: 0 auto;
        background-color: #fff;
    }
    </style>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;language=es"></script>
 
<script type="text/javascript">
window.onload = function(){
    var geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(-25.306864, -57.602863);
    var options = {
        zoom: 16
        , center: latlng
        , mapTypeId: google.maps.MapTypeId.ROADMAP
    };
 
    var map = new google.maps.Map(document.getElementById('map'), options);
 
    //MARKER
    var marker = new google.maps.Marker({
        position: latlng,
        map: map,
        title:"ACA",
        icon: 'http://google-maps-icons.googlecode.com/files/car.png'
    });
 
    if (geocoder){
        var geoRequest = {
            'location' : latlng
            , 'language' : 'es'
        }
        geocoder.geocode(geoRequest, function(results, status){
            if (status == google.maps.GeocoderStatus.OK){
                if (results[0]){
                    var reverse_geo = results[0];
                    var translateTypes = {
                        'route' : 'Ruta'
                        , 'sublocality,political' : 'Sub-localidad'
                        , 'locality,political' : 'Localidad'
                        , 'administrative_area_level_1,political' : 'Área administrativa'
                        , 'country,political' : 'País'
                    };
 
                    var text = "<strong>INFORMACION:<br/></strong>";
                    for(var i in reverse_geo.address_components){
                        var types = translateTypes[reverse_geo.address_components[i]['types']] != undefined
                            ? translateTypes[reverse_geo.address_components[i]['types']]
                            : reverse_geo.address_components[i]['types'];
                        text = text + '<strong>' + types + ':</strong> ' + reverse_geo.address_components[0].long_name + "<br />";
                    }
                    document.getElementById('info').innerHTML = text;
                }
            }
            else{
                document.getElementById('info').innerHTML = "No hay información de Reverse Geocoding.";
            }
        });
    }
};
</script>
</head>
<body>
    <div id="map"></div>
    <div id="info"></div>
</body>
</html>

Cada vez que salga uno que no tienes, lo añades al listado mencionado por translateTypes.