Piso compartido

 

Noticias

Inauguración de la web

En este momento no hay ninguna habitación disponible en alquiler

Bienvenida / Wellcome

Bienvenido a nuestra página web.

¿Buscar piso compartido?
¿Quieres conocernos?

Compartir pisos es una filosofía de vida diferente, en una sociedad que te dificulta enormemente el acceso a una vivienda.

Situación / Location...

El piso compartido está situado en la ciudad de Valencia, España, en la calle Pepita. La comunicación a través de autobuses es muy buena. Hay una estación de tranvia situada a cinco minutos del piso. El tranvia enlaza posteriormente con toda la red de metro de la ciudad.


Contactar / Contact

Si estás interesado en una habitación, puedes contactar con Manuel
If you are interesting in a room, you may contact with Manuel
email: xxxxxxxxxx@hotmail.com

Acerca del sitio / About the site......

Este sitio ha sido realizado por Victor Juan González. Se ha utilizado para el montaje de la página el software Macromedia Dreamweaver.

Para la integración del mapa de google maps enla página web se han seguido los siguientes pasos:

Paso 1. Primero necesitas una clave de Google Maps API key, que es gratis y con la que podrás disfrutar del servicio. Para conseguirla ve a

http://code.google.com/apis/maps/signup.html

Paso 2. Activa la última casilla cuadradita de la página, escribe la dirección de la página web donde quieres que funcione el mapa en el apartado My web site URL:
(solo funcionará en esa página web) y pulsa el botón Generate Api Key

El código original que nos proporcionan es similar al siguiente

--------------------- INICIO CODIGO ---------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=***"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}
//]]>
</script>


</head>

<body onload="load()" onunload="GUnload()">

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

</body>
</html>


--------------------------------- FIN CODIGO ---------------------------------------------



Paso 3. Copiar el código en color rojo en la parte de la cabecera de la página web index.html (etiqueta head)

Paso 4. Copiar la parte de color azul y substituirlo en la página web index.html de la siguiente forma:

Dónde pone

<body>

lo reemplazamos por

<body onload="load()" onunload="GUnload()">

Paso 5. Copiar el código marrón donde queramos que aparezca exactamente el mapa en la página web index.html, y añadirle a continuación el código
<br>
para que deje una linea en blanco después del mapa.

Yo lo he añadido de esta forma:

El tranvia enlaza posteriormente con toda la red de metro de
la ciudad. </p><div id="map" style="width: 500px; height: 300px"></div><br>

Paso 6. Centrar el mapa.

Paso 7. Añade el código que aparece en verde, según se observa a continuación, para que se muestren las barritas que permiten aumentar y disminuir el zoom en el mapa.

function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));

map.addControl(new GSmallMapControl());

map.setCenter(new GLatLng(37.4419, -122.1419), 13);


Paso 8. Modifica el valor de las coordenadas para que el mapa apunte a donde nos interesa: calle pepita 12, Valencia. Para ello, accede a Google maps y busca ahi nuestra dirección, y después pulsa donde pone: Enlazar esta página

Veremos que nos aparece algo así como esto:

http://maps.google.es/maps/ms?hl=***ca00f&ll=39.485363,-0.376368***&z=15

Después de las dos ll, es donde vienen las coordenadas de la latitud y la altitud, que en nuestro ejemplo valen:
39.485363
y
-0.376368

el último valor, z=15, es el zoom que queremos aplicarle. Vamos a ajustar este valor a 16 (probar con otros valores, cuanto más grande es el número, más grande se ve el mapa y viceversa)

Paso 9. Copiar estos tres valores en el código anterior, he destacado en azul dónde los copio:

map.setCenter(new GLatLng(39.485363, -0.376368), 16);


Paso 10. Modificar el código que hemos hecho hasta ahora por este otro, que incluye, además, un marcador para indicar con exactitud la posición del piso en el mapa de Valencia


----------------------- INICIO CODIGO ----------------------------------------------------

function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(39.485363, -0.376368), 16);
map.addControl(new GSmallMapControl());
function CreateMarker(point, title, content) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("" + title + "" + content);
}); return marker;
}

map.addOverlay(CreateMarker(new GLatLng(39.484452, -0.376000), "Piso compartido", " Aquí"));
}
}

------------------------ FIN CODIGO -----------------------------------------------------------