google maps

blackzerogamer · #1 (**permalink**) 26/07/2011, 11:53

hola he estado buscando una forma con google maps de que cuando le de click en el mapa me retorne la lat y long pero realmente no encuentro mucho seria de mucha ayuda poder saber eso...

http://itouchmap.com/latlong.html

este es un ejemplo de lo que quiero pero solo lo de saber la lat y long con darle click..

Gracias de antemano.

Bernoo · #2 (**permalink**) 27/07/2011, 16:19

pruesba estas lineas en la funcion en donde estas inicializando el mapa:

mylistener = GEvent.addListener(map2,'click',mapClick);

GEvent.addListener(map2,"mousemove",function(point ){
mousemovepoint = point;
var lngLngStr6 = point.lng().toFixed(6);
var latLatStr6 = point.lat().toFixed(6);

document.getElementById("latt").value=latLatStr6;
document.getElementById("lonn").value=lngLngStr6;

y las cajas en donde lo vas a mostrar :

Latitud: <input type=TEXT id=latt>
Longitud: <input type=TEXT id=lonn>

});

Bernoo · #3 (**permalink**) 27/07/2011, 16:20

Cita:

Iniciado por Bernoo

pruesba estas lineas en la funcion en donde estas inicializando el mapa:

mylistener = GEvent.addListener(map2,'click',mapClick);

GEvent.addListener(map2,"mousemove",function(point ){
mousemovepoint = point;
var lngLngStr6 = point.lng().toFixed(6);
var latLatStr6 = point.lat().toFixed(6);

document.getElementById("latt").value=latLatStr6;
document.getElementById("lonn").value=lngLngStr6;
});

y las cajas en donde lo vas a mostrar :

Latitud: <input type=TEXT id=latt>
Longitud: <input type=TEXT id=lonn>

});

abimaelrc · #4 (**permalink**) 27/07/2011, 17:14

Esta es la forma como yo lo hago con la version 3. Recomiendo que la usen ya que es la que Google está actualizando. Las otras ya no las actualiza.

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%;
    }
    </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 options = {
            zoom: 8
            , center: new google.maps.LatLng(18.470338, -66.123503)
            , mapTypeId: google.maps.MapTypeId.ROADMAP
        };
 
        var map = new google.maps.Map(document.getElementById("map"), options);
 
        google.maps.event.addListener(map, "click", function(e){
            alert(e.latLng);
        });
    };
    </script>
</head>
<body>
    <div id="map"></div>
</body>
</html>

blackzerogamer · #5 (**permalink**) 27/07/2011, 21:18

Gracias me han ayudado bastante!!!!