Buenas, estoy intentando insertar un mapa que me localize segun la posicion en la que estoy. He mirado por ahi y lo hacen mas o menos igual que el que yo tengo, pero al cargar la pagina no me aperece nada ni si quiera el mapa. No se si tengo algun error en el codigo o me falta algo. Me pueden ayudar? Gracias.
<!DOCTYPE html>
<html>
<head>
<title>Documento sin título</title>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function localizar(){
navigator.geolocation.getCurrentPosition(mapa,erro r);
}
function mapa(pos)
{
var longitud = pos.coords.longitude;
var latitud = pos.coords.latitude;
var contenedor = document.getElementById(mapa);
var propiedades = {
center: new google.maps.LatLng(latitud,longitud),
mapTypeId: google.maps.MapTypeId.ROADMAP,
zoom: 16
};
var map = new google.maps.Map(contenedor,propiedades);
}
function error(err){
if(err==0)
alert("Algo ha salido mal");
else if(err==1)
alert("No has aceptado compartir tu posicion");
else if(err==2)
alert("No se puede obtener la posicion");
else if(err==3)
alert("Tiempo de espera excedido");}
</script>
</head>
<body onload="localizar()">
<div id="mapa" style="width:100%; height:100%"></div>
</body>
</html>