Hola, soy nuevo por aquí, llevo desde hace bastante poco con esto de Javascript, estoy intentando hacer un mapa con la librería gmaps.js, llevo toda la mañana con ello, pero la librería no me aparece en la web, dejo el código por si alguien es tan amable de ayudarme.
Gracias a todos
Código:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Mapa Albufera</title>
<link rel=stylesheet href="css/estiloEstandar.css" type="text/css" MEDIA=SCREEN>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script><script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="gmaps.js"></script>
<script type="text/javascript">
var map;
$(document).ready(function(){
map = new GMaps({
div: '#mapa',
lat: 38.90893579999999,
lng: 1.428022000000055,
zoom: 10,
zoomControl : true,
zoomControlOpt: {
style : 'SMALL',
position: 'TOP_RIGHT'
},
panControl : true,
streetViewControl : true,
mapTypeControl : false
});
map.addMarker({
lat: 38.88993579999999,
lng: 1.478022000000055,
title: 'Ibiza',
infoWindow: {
content: '<strong>!Agua!</strong>
Pero estás a un paso de IBIZA'
}
});
});
</script>
</head>
<body>
<div id="principal">
<h1><img src="img/albufera.png"></h1>
Prueba de mapas
<div class="etiquetas">
<div class="etiqueta">
<div id="mapa">
</div>
</div>
</div>
</div>
</body>
</html>