Buenas, estoy creando un mapa interactivo y he decido usar Craftmap
(http://www.jscraft.net/plugins/craftmap.html)
El funcionamiento es sencillo
Código HTML:
<title>Mapa España</title>
<link href="css/default.css" rel="stylesheet" type="text/css" />
<link href="css/demo1.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/craftmap.js" type="text/javascript"></script>
<script src="js/init.js" type="text/javascript"></script>
</head>
<body>
<div id="content">
<div class="relative">
<div class="demo1">
<img src="Mapa_esp.png" usemap="#Map" class="imgMap" />
<map name="Map" id="Map"><area shape="circle" coords="962,409,9" href="#" alt="" /></map>
<div class="marker" id="castellon" data-coords="1080,465,558,255">
<h3>Castellón</h3>
Ficha de Castellón<p>
<a href="castellon.html">Ver Ficha</a>
</div>
</div>
<div class="controls">
<a href="#" rel="castellon">Castellon</a>
</div>
</div>
</div>
</body>
</html>
Nos quedamos con...
Código HTML:
<div class="controls">
<a href="#" rel="castellon">Castellon</a>
</div>
Es un Div, con un boton que cuando pulsas te lleva al id=castellon, el mapa se situa en ese punto y abre un cuadro de información.
Lo que yo quiero conseguir es que mediante un enlace que este en otra pagina vaya a ese punto y se abra.
Alguna solución?
he probado por ejemplo
Código HTML:
<A HREF="mapa.html#castellon">Visita castellon</A>
pero no funciona..
quizá usando jquery que haga click sobre ese botón? no tengo ni idea la verdad.. alguna funcion como
Código HTML:
<script>
$(document).ready(function (){
window.location=$("#castellon").get(0).href;
});
</script> Pero no hay manera...
