Centrar módulo  

Hola José Luis,

¿Lo estás usando como módulo?.

Solo conozco de la existencia del componente o del plugin Phoca Maps. Parece que has enlazado con un elemento de menú al componente ¿puedes confirmar como lo has realizado?.

Saludos

Hola Jordi, buenos días

No, ha sido un error... De hecho seguí un manual que hay aquí. Creo que lo realizaste tú mismo...

Lá cuestión en si es que me gustaría que este Componente, ( así es ) fuera al 90% ± de la ventana donde está introducido para que se ampliara y disminullera automáticamente respecto al tamaño de la ventana que está siendo visualizada.

Crees que sería posible realizar esta acción ?

Muchas gracias por la ayuda

Hola José Luis, en esta URL: http://www.ofertasmorvedre.com/ no veo el componente, puedes pasarnos la URL donde tienes el componente instalado y funcionando??

Saludos!

Hola,

Si, es el portal que yo utilizo

Muchas gracias

Hola Jose

Puedes redimensionar el contenedor pero el mapa seguirá del mismo tamaño, esto es debido a que es un servicio externo y no es un elemento estático se debe usar las funciones javascript disponibles por google.

En el siguiente link explican que una vez redimensionado el contenedor puedes usar una función javascript
http://stackoverflow.com/questions/3854706/how-to-set-map-size-in-google-maps-api-v3

Saludos.

Hola Jhon, buenas tardes.

Si es así como me indicas, creo que lo dejaré del tamaño tal cual defino en el componente tal cual.

Aunque, la verdad me gustaría saber si es posible centrar este mapa para que saliera mejor, sería posible realizar esta operació y que no se quedara en el lado izquierdo como aparece ahora y si en el centro de la pantalla visualizada ?

Muchas gracias

Hola,

Prueba a editar el archivo components/com_phocamaps/assets/phocamaps.css. En la línea 31, cambia, previa copia de seguridad, el código:

#phocamaps-box div.pmbox-grey {
	float: 			left;
	clear: 			both;
	text-align:		left;
	background: 	url(images/box-grey-br.png) no-repeat bottom right;
}

#phocamaps-box div.pmbox-grey div {
	background: url(images/box-grey-bl.png) no-repeat bottom left;
}

#phocamaps-box div.pmbox-grey div div {
	background: url(images/box-grey-tr.png) no-repeat top right;
}

#phocamaps-box div.pmbox-grey div div div {
	padding:10px;
	background: url(images/box-grey-tl.png) no-repeat top left;
}

#phocamaps-box div.pmbox-grey div div div div {
	margin: 	0;
	padding: 	0;
	float: 		none;
	/*width: 		99%;*/
	background: none;
}

por el siguiente:

#phocamaps-box div.pmbox-grey {
	clear: 			both;
	text-align:		left;
}

#phocamaps-box div.pmbox-grey div div div {
	padding:10px;
}

#phocamaps-box div.pmbox-grey div div div div {
	margin: 	0 auto;
	padding: 	0;
	float: 		none;
	/*width: 		99%;*/
	background: none;
}

De esta forma, se tendría que centrar el mapa.

Hola Pablo,

Tu ayuda ha sido perfecta.

Mil gracias !!!