¡Pon un mapa con las casastristes de tu barrio en tu web!

Además de reutilizar las visualizaciones de casastristes.org en tu web también puedes insertar el mapa con las casas vacías de tu zona en tu blog, cms o página web estática.

Aquí un ejemplo como incrustar el mapa con las casas vacías de Hospitalet de Llobregat dentro de un blog.

Para hacer lo mismo en tu página tienes que seguir los siguientes pasos:

  1. Copia el siguiente código a tu página web:

    <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAPjhPeM3vIKHVgYKvMgjDeBSBcg4fwEmarh4yynjL2E_wdGplqxQSYdw2q7425PswqOPgBuDg4_VhTA" type="text/javascript"></script>
    <script src="http://casastristes.org/externalmap/ctmap.js" type="text/javascript"></script>
    <img onload="initialize(41.370368,2.099762,13)" src="http://casastristes.org/externalmap/blank.png" />
    <div id="map_canvas" style="width: 640px; height: 480px; float:left; border: 1px solid black;"></div>
  2. Modifica las siguientes partes del código:
    • Pon tu código de la API de Google Maps en &key= (si no tienes llave puedes pedirlo aquí para tu web)
    • Busca latitud, longitud y zoom del mapa que quieres mostrar. La forma más fácil es buscarse el enfoque deseado en Google Maps (por ejemplo poniendo Hospitalet de Llobregat) y buscarse los valores de latitud (primer valor de &ll=), longitud (segundo valor de &ll=) y zoom (valor &z=12) apretando el botón LINK. Ahora substituyes los tres parámetros latitud, longitud y zoom (en este orden) en la función initialize(41.370368,2.099762,13);.
    • Modifica anchura y altura del mapa donde dice width: 640px; height: 480px
  • Publica el post y se debería ver el mapa en tu web.
  • Contacta con nosotros si te surge cualquier problema.