Hacer transparente la capa de CartoCiudad

Cuando se añade una capa WMS adicional a CartoVisor puede resultar interesante hacer transparente la capa de CartoCiudad para visualizar ambas capas superpuestas.
El siguiente ejemplo describe cómo incluir CartoVisor con una nueva capa WMS y con la capa de CartoCiudad transparente:


<html>


<head>


<title>transparent-layer-test</title>


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


<script src="http://www.cartociudad.es/VisualizadorCartografico/CartoVisor.js"

type="text/javascript"></script>


<script src="http://www.cartociudad.es/VisualizadorCartografico/js/openlayers/OpenLayers.js"

type="text/javascript"></script>


</head>


<body>


<div id="container"></div>

<script type="text/javascript">

var cartovisor;

function loadlayer()

{

cartovisor.activateLayerSwitcherControl(true);

}

var wms_layer = new OpenLayers.Layer.WMS("PNOA",

"http://www.idee.es/wms/PNOA/PNOA",

{layers: 'PNOA'});

cartovisor = new CartoVisor({elementId:'container',

longitude:-3.6935,

latitude:40.5308,

zoom:2,

onLoadFunction:loadlayer,

baseLayer:wms_layer,

useCartoCiudadZoomLevels:false,

zoomBar:false,

projection:'AUTO'});

</script>


</body>


</html>


En primer lugar se indica una nueva capa WMS que sirva como capa base de CartoVisor. Esta capa puede ser cualquiera de las permitidas por el API de OpenLayers, framework en el que se basa CartoVisor.

La capa utilizada en este ejemplo (http://www.idee.es/wms/PNOA/PNOA) se especifica cuando se declara CartoVisor.

El parámetro useCartoCiudadZoomLevels:false desactiva los niveles de zoom predefinidos para CartoVisor, mientras que zoomBar:false sustituye la barra de zoom por el control de zoom estándar. En el parámetro projection se especifica el sistema de referencia (código EPSG) por defecto a utilizar ('AUTO' indica que se utilice la proyección de la capa base, en este caso ETRS89, compatible con la capa de CartoCiudad).