Hola, como podréis comprobar no estoy muy puesto, y un poco liado, a ver si me podéis ayudar a resolver este problemilla.
Os cuento lo que estoy tratando de hacer… la página tiene que ser HTML, para poder crear luego una aplicación para Android, que tome por un lado las coordenadas del usuario donde se encuentra en ese momento, y luego desde una lista que seleccione una opción, esa opción tiene otras coordenadas.
He conseguido poner en una variable las coordenadas del usuario, no sé cómo poner en otra variable las otras coordenadas de la Lista.
Luego una vez que tenga las dos coordenadas, que las meta el Google Maps Navigation para iniciar el viaje.
Esto es lo que tengo creado en HTML:
<!DOCTYPE html>
<html lang="es-es">
<head>
<title>Mapa</title>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript">
navigator.geolocation.getCurrentPosition( fn_ok, fn_error );
var divMapa = document.getElementById('mapa');
function fn_error() {
divMapa.innerHTML = 'hay un problema al solicitar los datos';
}
function fn_ok( respuesta ){
var lat = respuesta.coords.latitude;
var lon = respuesta.coords.longitude;
divMapa.innerHTML = lat+','+lon;
}
</script>
<form>
<label for="coordenadas">Capitales</label>
<select name="coor">
<option selected value="0"> Elige un ciudad</option>
<optgroup label="Listado 1">
<option value="40.429507, -3.702206">Madrid</option>
<option value="38.345720, -0.490034">Alicante</option>
<option value="xxxxxx">Opción 3</option>
</optgroup>
<optgroup label="Lilstado 2">
<option value="xxxxxx">Opción 4</option>
<option value="xxxxxx">Opción 5</option>
<option value="xxxxxx">Opción 3¡6</option>
</optgroup>
</select>
</form>
<a href="http://maps.google.com/maps?saddr=lat+','+lon&daddr=38.345720, -0.490034">Mostrar ruta</a>
</body>
</html>
P.D. el segundo valor de las coordenadas es donde tendría que ir las de la Lista, pero lo he puesto así para comprobar el resultado.
Gracias anticipadas.
Tema: Como geolocalizar al usuario y crear una ruta a punto usando el api Google Maps (Leído 7846 veces)
RSS -
WAP2