Tema: Problema para generar mapa estatico con google maps
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/03/2016, 19:08
abrahamhs
 
Fecha de Ingreso: enero-2009
Ubicación: Kandor
Mensajes: 209
Antigüedad: 15 años, 10 meses
Puntos: 11
Respuesta: Problema para generar mapa estatico con google maps
Yo use la API geolocalización de HTML5 y si me funciona, no se si te sirva:

HTML:
Cita:
<!DOCTYPE html>
<html lang="es">
<head>
<title>Geolocation</title>
<!--//La API geolocation solo funciona si se ejecuta en un servidor de aplicaciones y funciona mejor si se ejecuta desde dispositivos moviles, ya que ahi puede usar GPS-->
<script type="text/javascript" src="geolocation.js"></script>
</head>
<body>
<button id="obtener">Obtener mi ubicacion</button><br/><br/>
<section id="ubicacion">
</section>
</body>
</html>
Javascript:
Cita:
function iniciar(){
var boton=document.getElementById("obtener");
boton.addEventListener("click", obtener,false);
}
function obtener(){
var geoconfig={
enabledHighAccuracy:true,
timeout:10000,
maximumAge:60000
};
control=navigator.geolocation.watchPosition(mostra r, errores,geoconfig);
}
function mostrar(position){
var ubicacion=document.getElementById("ubicacion");
var datos="";
datos+="Latitud: "+position.coords.latitude+"<br/>";
datos+="Longitud: "+position.coords.longitude+"<br/>";
datos+="Altitud: "+position.coords.altitude+"<br/>";
datos+="Exactitud: "+position.coords.accuracy+"<br/>";
datos+="Exactitud de altitud: "+position.coords.altitudeAccuracy+"<br/>";
datos+="Direccion en grados: "+position.coords.heading+"<br/>";
datos+="Velocidad: "+position.coords.speed+"<br/>";
datos+="FechaHora que se obtuvo la informacion: "+new Date(position.timestamp)+"<br/>";
var mapURL="http://maps.google.com/maps/api/staticmap?center="+position.coords.latitude+","+
position.coords.longitude+"&zoom=12&size=400x400&s ensor=false&markers="+position.coords.latitude+"," +position.coords.longitude;
datos+="<img src='"+mapURL+"'>";
ubicacion.innerHTML=datos;
}
function errores(error){
alert("Error:" +error.code+" "+error.message);
}
window.addEventListener("load",iniciar,false);
Saludos