HTML - Mapa Google en Pagina Web con zonas clicables

Mapa Google en Pagina Web con zonas clicables

Publicado por Jotilla (2 intervenciones) el 28/01/2013 07:18:27

Buenos dias a todos.
He estado por internet algun programa o codigo que me ayude a hacer una mapa navegablepor capas. Lo que quiero es poner zonas en un mapa (se puede hacer con google maps) y que al hacer clic en estas me mande a una pagina determinada de mi sito web. No consigo hacerlo en google maps.
Un ejemplo de lo que quiero lo tiene esta pagina http://www.spainhouses.net/, pero nose exactamente con que esta hecho.
Alguien me echa una mano??
Gracias por adelantado

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 2

Val: 1.144

Mapa Google en Pagina Web

Publicado por xve (1543 intervenciones) el 28/01/2013 08:03:48

Hola Jotilla, aquí tienes toda la documentación:
https://developers.google.com/maps/

Aquí tienes un ejemplo de lo que quieres hacer:

<!DOCTYPE html>

<html>

<head>

  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

  <title>Google Maps Marker as a Link</title>

  <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

</head>

<body>

  <div id="map" style="width: 500px; height: 400px;"></div>

  <script type="text/javascript">

    var map = new google.maps.Map(document.getElementById('map'), {

      zoom: 2,

      center: new google.maps.LatLng(35.55, -25.75),

      mapTypeId: google.maps.MapTypeId.ROADMAP

});

    var marker = new google.maps.Marker({

      position: map.getCenter(),

      url: 'http://www.lawebdelprogramador.com/',

      map: map

});

    google.maps.event.addListener(marker, 'click', function() {

      window.location.href = marker.url;

});

  </script>

</body>

</html>

Coméntanos si te sirve, ok?

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Mapa Google en Pagina Web

Publicado por Jotilla (2 intervenciones) el 28/01/2013 08:59:21

Muchas gracias.
Estoy trabajando con ello. La idea principal es poder trabajar con un mapa propio http://goo.gl/maps/KkIwc
Y cuando pulse sobre una de las capas que hay definidas le mande a un sitio u otro.
No se si se podra hacer... pero voy a echarle un vistazo

Valora esta respuesta

Comentar

Pos: 2

Val: 1.144

Mapa Google en Pagina Web

Publicado por xve (1543 intervenciones) el 28/01/2013 09:35:23

Te agradecería que nos comentaras si lo encuentras... es un tema que también nos interesa... voy a ver si averiguo alguna cosa y te comento.

Valora esta respuesta

Comentar

Mapa Google en Pagina Web

Publicado por Jose Manuel (20 intervenciones) el 29/01/2013 09:25:38

Hola xve:

Si logra aportar algo me consideraré satisfecho. No hace demasiado estuvimos tocando un tema de GIS y estuvimos estudiando la posibilidad de Google Maps. Aunque no profundizamos, por lo que he entendido del hilo, se trata de realizar zonas interactivas en mapa de Google Maps (corregidme please si me equivoco) y eso se realiza con los llamados polígonos. Os paso una dirección que creo explica esto:

https://developers.google.com/maps/documentation/javascript/overlays#Polygons

Espero que sirva. Saludos.

José Manuel.

Valora esta respuesta

Comentar

Pos: 2

Val: 1.144

Mapa Google en Pagina Web

Publicado por xve (1543 intervenciones) el 29/01/2013 10:52:09

Muchas gracias Jose Manual, voy a revisarlo ahora mismo!!!

Valora esta respuesta

Comentar

.txt dentro de un .html

Poner Skype en mi página web