OSGeo - User contributions [en]

Openlayers: visualización de capas WFS

2009-06-02T23:57:13Z

Wiki-Corral20: /* Definir un filtro personalizados */

=Openlayers: visualización de capas WFS=
===Comenzando con un WMS===
Si hemos seguido las indicaciones de [[Openlayers: configuración mínima con biblioteca en remoto]], tendremos una página web que visualiza el servicio WMS del juego de datos ''Itasca'':

* http://localhost:9000/mapserv-demo/ol.html

[[Image:Openlayers itasca base map.jpg|thumb|none|400x400px|El WMS visualizado por Openlayers en la página web]]

==Abrir una capa WFS con OpenLayers==
Utilizando el mismo código del ejemplo WMS vamos a añadir una capa WFS.
Exactamente vamos ad añadir una capa que hemos creado en la lección [[Crear servicios WMS y WFS con MS4W y gvSIG utilizando nuestro propio juego de datos]].

Abrimos un nuevo fichero:
C:\ms4w\apps\mapserv-demo\ol-itasca-wfs.html

el código que vamos a utilizar es:
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 312px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(-94.428,47.0169,-93.0557,47.901),
maxResolution: 'auto',
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers. Control. Navigation(),
new OpenLayers.Control.LayerSwitcher({'ascending':false})
]
}
);

layer = new OpenLayers.Layer.WMS( "Itasca WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-wms.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

layer_wfs = new OpenLayers.Layer.WFS( "Itasca WFS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map",
{ typename: 'lakespy2.shp', maxfeatures: 200 } );

map.addLayers([layer,layer_wfs]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS y WFS</b>

<div>
Ejemplo de utilizo de datos WMS y WFS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>

</pre>

el link a nuestra pagina debería ser:
* http://localhost:9000/mapserv-demo/ol-itasca-wfs.html
[[Image:Openlayers-itasca-wfs-maxfeatures.jpg|thumb|none|400x400px|Capa WFS con maxFeatures = 100]]

Lo que vemos en la página que acabamos de crear son dos capas, una WMS que ya conocemos y una capa WFS que está renderizada por el OpenLayers gracias a las bibliotecas de dibujo vectorial que los browser modernos nos ofrecen.

Si nos fijamos en los pedidos que el browser hace podremos comprobar que al UMN Mapserver llega:
* http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map&typename=lakespy2.shp&maxfeatures=200&SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&SRS=EPSG%3A4326&BBOX=235889.3974358975,5129558.5,653113.6025641025,5383804.5

Controlando el resultado sale un largo contenido en XML que empieza con:
<pre>
<wfs:FeatureCollection xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.0.0/WFS-basic.xsd http://mapserver.gis.umn.edu/mapserver http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map&SERVICE=WFS&VERSION=1.0.0&REQUEST=DescribeFeatureType&TYPENAME=lakespy2.shp&OUTPUTFORMAT=XMLSCHEMA">
<gml:boundedBy>
<gml:Box srsName="EPSG:4326">
...

</pre>

Este código XML describe todas las Features que corresponden a nuestro ''TypeName'' limitando el número de Features al valor de ''maxFeatures''. De esta manera podemos darnos cuenta que OpenLayers visualiza en color naranja sólo una pequeña parte de las lagunas que esta capa tiene.

Cuidado: pedir todas las Features a Mapserver significaría arriesgarse que el servidor se demore mucho en contestar y que el browser se encuentre con demasiadas Features por renderizar con el riesgo que se bloquee.

==Definir un filtro personalizados==
Para evitar el problema que tenemos con maxFeatures vamos a intentar visualizar sólo en un número limitado de Features y sólo las que queremos visualizar.

Así que vamos a definir un filtro WFS que nos permita seleccionar las lagunas que tienen un ''AREA'' mayor que el valor ''10000000''.

La imagen que sigue muestra el resultado del filtro WFS aplicado a nuestra capa. Es fácil ver que sólo las lagunas grandes han sido dibujadas con el color naranja.

[[Image:Openlayers-itasca-wfs+filter.jpg|thumb|none|400x400px|Capa WFS con filtro]]

El código de la página que contiene el filtro es el siguiente:
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 312px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script src="http://svn.openlayers.org/trunk/openlayers/lib/OpenLayers/Layer/WFS.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(-94.428,47.0169,-93.0557,47.901),
maxResolution: 'auto',
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers. Control. Navigation(),
new OpenLayers.Control.LayerSwitcher({'ascending':false})
]
}
);

layer = new OpenLayers.Layer.WMS( "Itasca WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-wms.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

layer_wfs = new OpenLayers.Layer.WFS( "Itasca WFS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map",
{
typename: 'lakespy2.shp',
maxfeatures: 200,
filter:"<Filter><PropertyIsGreaterThan><PropertyName>AREA</PropertyName><Literal>10000000</Literal></PropertyIsGreaterThan></Filter>"
} );

map.addLayers([layer,layer_wfs]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS y WFS</b>

<div>
Ejemplo de utilizo de datos WMS y WFS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>

Hay que notar que hemos tenido que utilizar un truco para evitar un error de la versión estable de OpenLayers y descargamos la biblioteca relativa a Layers WFS directamente del repositorio de desarrollo. Esto pasa actualmente con las versiones 2.7 y anteriores de OpenLayers.
<pre>
<script src="http://svn.openlayers.org/trunk/openlayers/lib/OpenLayers/Layer/WFS.js"></script>
</pre>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia para este artículo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Crear servicios WMS y WFS con MS4W y gvSIG utilizando nuestro propio juego de datos

2009-06-02T23:55:27Z

Wiki-Corral20:

Unos de los problemas principales en la publicación de datos geoespaciales en la web es la dificultad que lleva la configuración de los servidores de mapas.

=Buscar los datos=
Si no se tiene un juego de datos propios se pueden utilizar algunos de los datos disponibles con licencia Libre que se encuentran en la red.

==''MapServer Itasca Demo Application''==
Para comenzar necesitaremos el juego de datos libres ''Itasca''.
Tenemos una detallada explicación de dónde encontrarlo y cómo configurarlo en la lección [[Instalaci%C3%B3n_de_MS4W#Procedimiento_de_instalaci.C3.B3n_del_juego_de_datos_Itasca|Instalación de MS4W]].

=Instalar la extensión de publicación para la web de gvSIG=

Desde la [http://www.gvsig.gva.es/index.php?id=1803&L=0 página de Extensiones] de gvSIG podemos descargar la '''Extensión de publicación'''.

La página de descarga es la siguiente:

* http://www.gvsig.gva.es/index.php?id=2010&L=0

El fichero en binario que instalamos para esta demostración es:
* http://downloads.gvsig.org/gva/descargas/ficheros/Extensiones/gvsig-1_1_x-publishing-BN14-windows-i586.exe

También está disponible un manual para la extensión:

* http://downloads.gvsig.org/gva/descargas/manuales/gvsig-1_1_x-publishing-man-v1-es.pdf.pdf

El manual describe muy bien el proceso de instalación. Una vez instalado podemos lanzar gvSIG y proseguir con la lección.

=Crear el servicio WMS=

Antes que nada hay que crear una vista nueva con gvSIG y la llamaremos '''Itasca'''.
[[Image:Gvsig extension publicacion web shot1.png|thumb|none|400px|Crear una vista nueva con gvSIG]]

Entre las propiedades de la vista hay que definir su proyección y nosotros vamos a escoger la proyección de nuestro juego de datos que, en el caso de Itasca, es ''EPSG:26915''.
[[Image:GvSig propriedades vista.jpg|thumb|none|400px|Definición de la proyección de nuestra vista]]

Una vez creada la vista podemos añadir nuestros datos desde la carpeta:
C:\MS4W\apps\mapserv-demo\data\
Iremos escogiendo las siguientes capas:
*<tt>ctyrdln3.shp</tt>
*<tt>dlgstln2.shp</tt>
*<tt>lakespy2.shp</tt>
*<tt>mcdrdln3.shp</tt>

gvSIG visualizará todos los ficheros dándole unos estilos por defecto.
[[Image:Gvsig itasca no style.jpg|thumb|none|400px|gvSIG visualizando los datos de Itasca]]

Con el botón derecho sobre el nombre de la capa desde la leyenda es posible seleccionar las preferencias y definir un estilo personalizado para nuestras capas. En este caso hemos seleccionado la capa de los lagos y definido un estilo en intervalos.

[[Image:Gvsig-itasca-symbology-intervals.jpg|thumb|none|400px|Creando un estilo de visualización con gvSIG]]

Una vez guardada la vista de gvSIG podemos volver a la ventana del ''Gestor de proyectos'' y seleccionar la herramienta de ''Publicación''. Se puede ver en la siguiente imagen como el estilo que hemos creado antes se aplica al mapa.

[[Image:Gvsig-itasca-publish.jpg|thumb|none|400px|Visualizando la herramienta de publicación y el mapa con el nuevo estilo de visualización]]

Creando una nueva ''Publicación'' somos guiados paso a paso en el proceso de publicación en la web mediante un asistente.
El primer paso es seleccionar el servidor que tenemos disponible. En nuestro caso es un servidor ''UMN Mapserver'' versión 5.

[[Image:Gvsig-publish-server.jpg|thumb|none|400px|Definiendo la ubicación de UMN Mapserver]]

En segundo lugar hay que definir el lugar en el que guardar el fichero de configuración (''mapfile''). En nuestro caso un lugar útil puede ser:

C:\ms4w\apps\mapserv-demo\itasca-wms.map

[[Image:Gvsig-pubish-mapfile.jpg|thumb|none|400px|Definiendo la ubicación del ''mapfile'' para nuestro servicio]]

Otra pregunta importante cuando se configure un servicio en la red es a propósito de los metadatos WMS.

OGC define los metadatos de los servicios para que quien utilice nuestro servidor tenga una idea adecuada de los datos que se acercan a descargar. Es importante por eso describir bien los metadatos.

[[Image:Gvsig-publish-metadata.jpg|thumb|none|400px|Definiendo los Metadatos del servicio WMS]]

Un paso importante es escoger las capas, disponibles en nuestra ''vista'', que vamos a querer visualizar. Seleccionamos las 4 que hemos cargado.

[[Image:Gvsig-publish-layers.jpg|thumb|none|400px|Seleccionando las capas a publicar]]

Ya estamos acabando, pulsando el botón ''publicar'', esperamos el mensaje de confirmación.

[[Image:Gvsig-publish-end.jpg|thumb|none|400px|El ''mapfile'' ha sido guardado en el lugar requerido y el servicio WMS está disponible]]

El ultimo paso que tenemos que dar es editar a mano el Mapfile y añadir la proyección geografica EPSG:4326 (LAT/LONG) a las ofrecida por nuestro servidor WMS.
En la linea 25 de nuestro Mafile cambiamos:
"wms_srs" " EPSG:26915"
con
"wms_srs" " EPSG:26915 EPSG:4326"
Este cambio hace que Mapserver pueda servir nuestros datos en dos diferente sistemas de proyección. Es el Mapserver mismo que se encarga de re-proyectar los datos.

==Comprobar el servicio creado==

Como en la lección [[Openlayers: configuración mínima con biblioteca en remoto]] hemos visto cómo crear una pagina web que enseñe nuestros contenidos ahora podemos hacerlo con nuestro nuevo servicio WMS.

===Código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol-itasca-wms.html

luego hay que poner el siguiente texto en ella:

<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(-94.428,47.0169,-93.0557,47.9017),
maxResolution: 'auto',}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-wms.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso básico de OpenLayers con una capa WMS
</div>

<div id="map"></div>

<div id="docs">
más texto aquí
</div>
</body>
</html>
</pre>
</code>

===Comprobar la página web con el mapa===
Una vez guardada la página web con el código anterior podemos comprobar con nuestro navegador web (p.ej. Mozilla Firefox, Internet Explorer, etc.) si la página responde como esperamos:

* http://localhost:9000/mapserv-demo/ol-itasca-wms.html

Este es el resultado:

[[Image:Openlayers-show-ows-from-gvsig-mapserver.jpg|thumb|none|400px|Publicación de nuestro servicio WMS]]

===Todo lo que hay que notar en nuestro código===

El código que hemos utilizado es sencillo pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.

====El código JavaScript personalizado====

Podemos notar como la creación del objeto '''map''' es muy sencilla porque no tenemos que definir la unidad de medida ni la proyección porque nuestro servicio es en EPSG:4326 que es la usada por defecto en OpenLayers. La definición de la Extent es en coordenadas geográficas (-94.428,47.0169,-93.0557,47.9017) y non en EPSG:26915 NAD83/UTMzone15N (378107,5193120,510896,5320243) que es la proyección originaria de los datos.

Además hay que notar como en la creación del objeto '''layer''' la direción del servidor y el listado de las capas coinciden con las que hemos creado antes.
<code>

map = <span style='background-color:yellow'>new OpenLayers.Map( 'map',{</span>
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(-94.428,47.0169,-93.0557,47.9017),</span>
<span style='background-color:yellow'>maxResolution: 'auto',} </span>
<span style='background-color:yellow'>);</span>

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/<span style='background-color:yellow'>itasca-wms.map</span>",
{layers: '<span style='background-color:yellow'>ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp</span>'} );

);
</code>

=Crear el servicio WFS=
Para un función que normalmente requiere meterle mano al texto contenido en el ''mapfile'', gvSIG nos ayuda una vez más.

El procedimiento es prácticamente igual al que seguimos para crear el servicio WMS.

Se crea una nueva ''publicación'' desde la ventana del ''gestor de proyectos''.

El asistente nos pregunta qué servidor utilizar y qué servicio crear. El servicio seleccionado por defecto es el WMS pero también podemos escoger el WFS, que es precisamente lo que vamos a hacer.

[[Image:Gvsig-publish-wfs-server.jpg|thumb|none|400px|Seleccionando el servidor y el servicio WFS]]

En el paso siguiente tenemos que decir dónde queremos guardar el ''mapfile''.
En nuetro caso:

C:\ms4w\apps\mapserv-demo\itasca-test-wfs.map

[[Image:Gvsig-publish-wfs-mapfile.jpg|thumb|none|400px|Especificando la ubicación del ''mapfile'']]

Ahora nos toca otra vez definir los metadatos para este recurso. Hay que poner atención sobre el hecho de que un servicio sin buena descripción no es un buen servicio.

[[Image:Gvsig-publish-wfs-metadata.jpg|thumb|none|400px|Definiendo los metadatos del servicio WFS]]

En la selección de capas vamos poniendo todos las capas que nuestra vista ofrece.

[[Image:Gvsig-publish-wfs-layers.jpg|thumb|none|400px|Añadiendo las capas al servicio WFS]]

Ahora sólo queda el último paso y gvSIG nos dirá si todo ha ido correctamente.

[[Image:Gvsig-publish-wfs-end.jpg|thumb|none|400px|Mensaje de confirmación de que el servicio WFS se ha creado]]

El ultimo paso que tenemos que realizar es editar a mano el Mapfile, modificar

PROJECTION
"init=epsg:26915"

por

PROJECTION
"init=epsg:4326"

==Comprobar el servicio WFS==

Para comprobar si todo ha ido bien podemos pedir el <tt>GetCapabilities</tt> de nuestro servicio:

* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map&request=getCapabilities&service=WFS

Echad un vistazo un momento al código XML resultante de nuestra llamada. Los metadatos que describen el contenido deberían describir no sólo el juego de datos sino también cada capa por separado.

[[Image:Mapserver-wfs-getCapabilities.jpg|thumb|none|400px|El output del GetCapabilities]]

Otro test posible es el pedido de una Feature con la dirección:
* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map&typename=lakespy2.shp&maxfeatures=200&SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&SRS=EPSG%3A4326&BBOX=-95.19268076923078,46.57485,-92.29101923076922,48.343050000000005
el codigo resultante es el listado de todas las geometrias disponibles por esta capa limitando el output a 200 features (maxfeatures).

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Openlayers: visualización de capas WFS

2009-05-11T18:52:48Z

Wiki-Corral20:

=Openlayers: visualización de capas WFS=
===Comenzando con un WMS===
Si hemos seguido las indicaciones de [[Openlayers: configuración mínima con biblioteca en remoto]], tendremos una página web que visualiza el servicio WMS del juego de datos ''Itasca'':

* http://localhost:9000/mapserv-demo/ol.html

[[Image:Openlayers itasca base map.jpg|thumb|none|400x400px|El WMS visualizado por Openlayers en la página web]]

==Abrir una capa WFS con OpenLayers==
Utilizando el mismo código del ejemplo WMS vamos a añadir una capa WFS.

Abrimos un nuevo fichero:
C:\ms4w\apps\mapserv-demo\ol-itasca-wfs.html

el código que vamos a utilizar es:
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 312px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers. Control. Navigation(),
new OpenLayers.Control.LayerSwitcher({'ascending':false})
]
}
);

layer = new OpenLayers.Layer.WMS( "Itasca WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-wms.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

layer_wfs = new OpenLayers.Layer.WFS( "Itasca WFS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map",
{ typename: 'lakespy2.shp', maxfeatures: 200 } );

map.addLayers([layer,layer_wfs]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS y WFS</b>

<div>
Ejemplo de utilizo de datos WMS y WFS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>

</pre>

el link a nuestra pagina debería ser:
* http://localhost:9000/mapserv-demo/ol-itasca-wfs.html
[[Image:Openlayers-itasca-wfs-maxfeatures.jpg|thumb|none|400x400px|Capa WFS con maxFeatures = 100]]

Lo que vemos en la página que acabamos de crear son dos capas, una WMS que ya conocemos y una capa WFS que está renderizada por el OpenLayers gracias a las bibliotecas de dibujo vectorial que los browser modernos nos ofrecen.

Si nos fijamos en los pedidos que el browser hace podremos comprobar que al UMN Mapserver llega:
* http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map&typename=lakespy2.shp&maxfeatures=200&SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&SRS=EPSG%3A4326&BBOX=235889.3974358975,5129558.5,653113.6025641025,5383804.5

Controlando el resultado sale un largo contenido en XML que empieza con:
<pre>
<wfs:FeatureCollection xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.0.0/WFS-basic.xsd http://mapserver.gis.umn.edu/mapserver http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map&SERVICE=WFS&VERSION=1.0.0&REQUEST=DescribeFeatureType&TYPENAME=lakespy2.shp&OUTPUTFORMAT=XMLSCHEMA">
<gml:boundedBy>
<gml:Box srsName="EPSG:4326">
...

</pre>

Este código XML describe todas las Features que corresponden a nuestro ''TypeName'' limitando el número de Features al valor de ''maxFeatures''. De esta manera podemos darnos cuenta que OpenLayers visualiza en color naranja sólo una pequeña parte de las lagunas que esta capa tiene.

Cuidado: pedir todas las Features a Mapserver significaría arriesgarse que el servidor se demore mucho en contestar y que el browser se encuentre con demasiadas Features por renderizar con el riesgo que se bloquee.

==Definir un filtro personalizados==
Para evitar el problema que tenemos con maxFeatures vamos a intentar visualizar sólo en un número limitado de Features y sólo las que queremos visualizar.

Así que vamos a definir un filtro WFS que nos permita seleccionar las lagunas que tienen un ''AREA'' mayor que el valor ''10000000''.

La imagen que sigue muestra el resultado del filtro WFS aplicado a nuestra capa. Es fácil ver que sólo las lagunas grandes han sido dibujadas con el color naranja.

[[Image:Openlayers-itasca-wfs+filter.jpg|thumb|none|400x400px|Capa WFS con filtro]]

El código de la página que contiene el filtro es el siguiente:
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 312px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script src="http://svn.openlayers.org/trunk/openlayers/lib/OpenLayers/Layer/WFS.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers. Control. Navigation(),
new OpenLayers.Control.LayerSwitcher({'ascending':false})
]
}
);

layer = new OpenLayers.Layer.WMS( "Itasca WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

layer_wfs = new OpenLayers.Layer.WFS( "Itasca WFS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map",
{
typename: 'lakespy2.shp',
maxfeatures: 200,
filter:"<Filter><PropertyIsGreaterThan><PropertyName>AREA</PropertyName><Literal>10000000</Literal></PropertyIsGreaterThan></Filter>"
} );

map.addLayers([layer,layer_wfs]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS y WFS</b>

<div>
Ejemplo de utilizo de datos WMS y WFS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>

Hay que notar que hemos tenido que utilizar un truco para evitar un error de la versión estable de OpenLayers y descargamos la biblioteca relativa a Layers WFS directamente del repositorio de desarrollo. Esto pasa actualmente con las versiones 2.7 y anteriores de OpenLayers.
<pre>
<script src="http://svn.openlayers.org/trunk/openlayers/lib/OpenLayers/Layer/WFS.js"></script>
</pre>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia para este artículo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Crear servicios WMS y WFS con MS4W y gvSIG utilizando nuestro propio juego de datos

2009-05-06T23:48:20Z

Wiki-Corral20:

Unos de los problemas principales en la publicación de datos geoespaciales en la web es la dificultad que lleva la configuración de los servidores de mapas.

=Buscar los datos=
Si no se tiene un juego de datos propios se pueden utilizar algunos de los datos disponibles con licencia Libre que se encuentran en la red.

==''MapServer Itasca Demo Application''==
Para comenzar necesitaremos el juego de datos libres ''Itasca''.
Tenemos una detallada explicación de dónde encontrarlo y cómo configurarlo en la lección [[Instalaci%C3%B3n_de_MS4W#Procedimiento_de_instalaci.C3.B3n_del_juego_de_datos_Itasca|Instalación de MS4W]].

=Instalar la extensión de publicación para la web de gvSIG=

Desde la [http://www.gvsig.gva.es/index.php?id=1803&L=0 página de Extensiones] de gvSIG podemos descargar la '''Extensión de publicación'''.

La página de descarga es la siguiente:

* http://www.gvsig.gva.es/index.php?id=2010&L=0

El fichero en binario que instalamos para esta demostración es:
* http://downloads.gvsig.org/gva/descargas/ficheros/Extensiones/gvsig-1_1_x-publishing-BN14-windows-i586.exe

También está disponible un manual para la extensión:

* http://downloads.gvsig.org/gva/descargas/manuales/gvsig-1_1_x-publishing-man-v1-es.pdf.pdf

El manual describe muy bien el proceso de instalación. Una vez instalado podemos lanzar gvSIG y proseguir con la lección.

=Crear el servicio WMS=

Antes que nada hay que crear una vista nueva con gvSIG y la llamaremos '''Itasca'''.
[[Image:Gvsig extension publicacion web shot1.png|thumb|none|400px|Crear una vista nueva con gvSIG]]

Entre las propiedades de la vista hay que definir su proyección y nosotros vamos a escoger la proyección de nuestro juego de datos que, en el caso de Itasca, es ''EPSG:26915''.
[[Image:GvSig propriedades vista.jpg|thumb|none|400px|Definición de la proyección de nuestra vista]]

Una vez creada la vista podemos añadir nuestros datos desde la carpeta:
C:\MS4W\apps\mapserv-demo\data\
Iremos escogiendo las siguientes capas:
*<tt>ctyrdln3.shp</tt>
*<tt>dlgstln2.shp</tt>
*<tt>lakespy2.shp</tt>
*<tt>mcdrdln3.shp</tt>

gvSIG visualizará todos los ficheros dándole unos estilos por defecto.
[[Image:Gvsig itasca no style.jpg|thumb|none|400px|gvSIG visualizando los datos de Itasca]]

Con el botón derecho sobre el nombre de la capa desde la leyenda es posible seleccionar las preferencias y definir un estilo personalizado para nuestras capas. En este caso hemos seleccionado la capa de los lagos y definido un estilo en intervalos.

[[Image:Gvsig-itasca-symbology-intervals.jpg|thumb|none|400px|Creando un estilo de visualización con gvSIG]]

Una vez guardada la vista de gvSIG podemos volver a la ventana del ''Gestor de proyectos'' y seleccionar la herramienta de ''Publicación''. Se puede ver en la siguiente imagen como el estilo que hemos creado antes se aplica al mapa.

[[Image:Gvsig-itasca-publish.jpg|thumb|none|400px|Visualizando la herramienta de publicación y el mapa con el nuevo estilo de visualización]]

Creando una nueva ''Publicación'' somos guiados paso a paso en el proceso de publicación en la web mediante un asistente.
El primer paso es seleccionar el servidor que tenemos disponible. En nuestro caso es un servidor ''UMN Mapserver'' versión 5.

[[Image:Gvsig-publish-server.jpg|thumb|none|400px|Definiendo la ubicación de UMN Mapserver]]

En segundo lugar hay que definir el lugar en el que guardar el fichero de configuración (''mapfile''). En nuestro caso un lugar útil puede ser:

C:\ms4w\apps\mapserv-demo\itasca-wms.map

[[Image:Gvsig-pubish-mapfile.jpg|thumb|none|400px|Definiendo la ubicación del ''mapfile'' para nuestro servicio]]

Otra pregunta importante cuando se configure un servicio en la red es a propósito de los metadatos WMS.

OGC define los metadatos de los servicios para que quien utilice nuestro servidor tenga una idea adecuada de los datos que se acercan a descargar. Es importante por eso describir bien los metadatos.

[[Image:Gvsig-publish-metadata.jpg|thumb|none|400px|Definiendo los Metadatos del servicio WMS]]

Un paso importante es escoger las capas, disponibles en nuestra ''vista'', que vamos a querer visualizar. Seleccionamos las 4 que hemos cargado.

[[Image:Gvsig-publish-layers.jpg|thumb|none|400px|Seleccionando las capas a publicar]]

Ya estamos acabando, pulsando el botón ''publicar'', esperamos el mensaje de confirmación.

[[Image:Gvsig-publish-end.jpg|thumb|none|400px|El ''mapfile'' ha sido guardado en el lugar requerido y el servicio WMS está disponible]]

El ultimo paso que tenemos que dar es editar a mano el Mapfile y añadir la proyección geografica EPSG:4326 (LAT/LONG) a las ofrecida por nuestro servidor WMS.
En la linea 25 de nuestro Mafile cambiamos:
"wms_srs" " EPSG:26915"
con
"wms_srs" " EPSG:26915 EPSG:4326"
Este cambio hace que Mapserver pueda servir nuestros datos en dos diferente sistemas de proyección. Es el Mapserver mismo que se encarga de re-proyectar los datos.

==Comprobar el servicio creado==

Como en la lección [[Openlayers: configuración mínima con biblioteca en remoto]] hemos visto cómo crear una pagina web que enseñe nuestros contenidos ahora podemos hacerlo con nuestro nuevo servicio WMS.

===Código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol-itasca-wms.html

luego hay que poner el siguiente texto en ella:

<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(-94.428,47.0169,-93.0557,47.9017),
maxResolution: 'auto',}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-wms.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso básico de OpenLayers con una capa WMS
</div>

<div id="map"></div>

<div id="docs">
más texto aquí
</div>
</body>
</html>
</pre>
</code>

===Comprobar la página web con el mapa===
Una vez guardada la página web con el código anterior podemos comprobar con nuestro navegador web (p.ej. Mozilla Firefox, Internet Explorer, etc.) si la página responde como esperamos:

* http://localhost:9000/mapserv-demo/ol-itasca-wms.html

Este es el resultado:

[[Image:Openlayers-show-ows-from-gvsig-mapserver.jpg|thumb|none|400px|Publicación de nuestro servicio WMS]]

===Todo lo que hay que notar en nuestro código===

El código que hemos utilizado es sencillo pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.

====El código JavaScript personalizado====

Podemos notar como la creación del objeto '''map''' es muy sencilla porque no tenemos que definir la unidad de medida ni la proyección porque nuestro servicio es en EPSG:4326 que es la usada por defecto en OpenLayers. La definición de la Extent es en coordenadas geográficas (-94.428,47.0169,-93.0557,47.9017) y non en EPSG:26915 NAD83/UTMzone15N (378107,5193120,510896,5320243) que es la proyección originaria de los datos.

Además hay que notar como en la creación del objeto '''layer''' la direción del servidor y el listado de las capas coinciden con las que hemos creado antes.
<code>

map = <span style='background-color:yellow'>new OpenLayers.Map( 'map',{</span>
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(-94.428,47.0169,-93.0557,47.9017),</span>
<span style='background-color:yellow'>maxResolution: 'auto',} </span>
<span style='background-color:yellow'>);</span>

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/<span style='background-color:yellow'>itasca-wms.map</span>",
{layers: '<span style='background-color:yellow'>ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp</span>'} );

);
</code>

=Crear el servicio WFS=
Para un función que normalmente requiere meterle mano al texto contenido en el ''mapfile'', gvSIG nos ayuda una vez más.

El procedimiento es prácticamente igual al que seguimos para crear el servicio WMS.

Se crea una nueva ''publicación'' desde la ventana del ''gestor de proyectos''.

El asistente nos pregunta qué servidor utilizar y qué servicio crear. El servicio seleccionado por defecto es el WMS pero también podemos escoger el WFS, que es precisamente lo que vamos a hacer.

[[Image:Gvsig-publish-wfs-server.jpg|thumb|none|400px|Seleccionando el servidor y el servicio WFS]]

En el paso siguiente tenemos que decir dónde queremos guardar el ''mapfile''.
En nuetro caso:

C:\ms4w\apps\mapserv-demo\itasca-test-wfs.map

[[Image:Gvsig-publish-wfs-mapfile.jpg|thumb|none|400px|Especificando la ubicación del ''mapfile'']]

Ahora nos toca otra vez definir los metadatos para este recurso. Hay que poner atención sobre el hecho de que un servicio sin buena descripción no es un buen servicio.

[[Image:Gvsig-publish-wfs-metadata.jpg|thumb|none|400px|Definiendo los metadatos del servicio WFS]]

En la selección de capas vamos poniendo todos las capas que nuestra vista ofrece.

[[Image:Gvsig-publish-wfs-layers.jpg|thumb|none|400px|Añadiendo las capas al servicio WFS]]

Ahora sólo queda el último paso y gvSIG nos dirá si todo ha ido correctamente.

[[Image:Gvsig-publish-wfs-end.jpg|thumb|none|400px|Mensaje de confirmación de que el servicio WFS se ha creado]]

==Comprobar el servicio WFS==

Para comprobar si todo ha ido bien podemos pedir el <tt>GetCapabilities</tt> de nuestro servicio:

* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map&request=getCapabilities&service=WFS

Echad un vistazo un momento al código XML resultante de nuestra llamada. Los metadatos que describen el contenido deberían describir no sólo el juego de datos sino también cada capa por separado.

[[Image:Mapserver-wfs-getCapabilities.jpg|thumb|none|400px|El output del GetCapabilities]]

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Crear servicios WMS y WFS con MS4W y gvSIG utilizando nuestro propio juego de datos

2009-05-06T23:46:57Z

Wiki-Corral20:

Unos de los problemas principales en la publicación de datos geoespaciales en la web es la dificultad que lleva la configuración de los servidores de mapas.

=Buscar los datos=
Si no se tiene un juego de datos propios se pueden utilizar algunos de los datos disponibles con licencia Libre que se encuentran en la red.

==''MapServer Itasca Demo Application''==
Para comenzar necesitaremos el juego de datos libres ''Itasca''.
Tenemos una detallada explicación de dónde encontrarlo y cómo configurarlo en la lección [[Instalaci%C3%B3n_de_MS4W#Procedimiento_de_instalaci.C3.B3n_del_juego_de_datos_Itasca|Instalación de MS4W]].

=Instalar la extensión de publicación para la web de gvSIG=

Desde la [http://www.gvsig.gva.es/index.php?id=1803&L=0 página de Extensiones] de gvSIG podemos descargar la '''Extensión de publicación'''.

La página de descarga es la siguiente:

* http://www.gvsig.gva.es/index.php?id=2010&L=0

El fichero en binario que instalamos para esta demostración es:
* http://downloads.gvsig.org/gva/descargas/ficheros/Extensiones/gvsig-1_1_x-publishing-BN14-windows-i586.exe

También está disponible un manual para la extensión:

* http://downloads.gvsig.org/gva/descargas/manuales/gvsig-1_1_x-publishing-man-v1-es.pdf.pdf

El manual describe muy bien el proceso de instalación. Una vez instalado podemos lanzar gvSIG y proseguir con la lección.

=Crear el servicio WMS=

Antes que nada hay que crear una vista nueva con gvSIG y la llamaremos '''Itasca'''.
[[Image:Gvsig extension publicacion web shot1.png|thumb|none|400px|Crear una vista nueva con gvSIG]]

Entre las propiedades de la vista hay que definir su proyección y nosotros vamos a escoger la proyección de nuestro juego de datos que, en el caso de Itasca, es ''EPSG:26915''.
[[Image:GvSig propriedades vista.jpg|thumb|none|400px|Definición de la proyección de nuestra vista]]

Una vez creada la vista podemos añadir nuestros datos desde la carpeta:
C:\MS4W\apps\mapserv-demo\data\
Iremos escogiendo las siguientes capas:
*<tt>ctyrdln3.shp</tt>
*<tt>dlgstln2.shp</tt>
*<tt>lakespy2.shp</tt>
*<tt>mcdrdln3.shp</tt>

gvSIG visualizará todos los ficheros dándole unos estilos por defecto.
[[Image:Gvsig itasca no style.jpg|thumb|none|400px|gvSIG visualizando los datos de Itasca]]

Con el botón derecho sobre el nombre de la capa desde la leyenda es posible seleccionar las preferencias y definir un estilo personalizado para nuestras capas. En este caso hemos seleccionado la capa de los lagos y definido un estilo en intervalos.

[[Image:Gvsig-itasca-symbology-intervals.jpg|thumb|none|400px|Creando un estilo de visualización con gvSIG]]

Una vez guardada la vista de gvSIG podemos volver a la ventana del ''Gestor de proyectos'' y seleccionar la herramienta de ''Publicación''. Se puede ver en la siguiente imagen como el estilo que hemos creado antes se aplica al mapa.

[[Image:Gvsig-itasca-publish.jpg|thumb|none|400px|Visualizando la herramienta de publicación y el mapa con el nuevo estilo de visualización]]

Creando una nueva ''Publicación'' somos guiados paso a paso en el proceso de publicación en la web mediante un asistente.
El primer paso es seleccionar el servidor que tenemos disponible. En nuestro caso es un servidor ''UMN Mapserver'' versión 5.

[[Image:Gvsig-publish-server.jpg|thumb|none|400px|Definiendo la ubicación de UMN Mapserver]]

En segundo lugar hay que definir el lugar en el que guardar el fichero de configuración (''mapfile''). En nuestro caso un lugar útil puede ser:

C:\ms4w\apps\mapserv-demo\itasca-wms.map

[[Image:Gvsig-pubish-mapfile.jpg|thumb|none|400px|Definiendo la ubicación del ''mapfile'' para nuestro servicio]]

Otra pregunta importante cuando se configure un servicio en la red es a propósito de los metadatos WMS.

OGC define los metadatos de los servicios para que quien utilice nuestro servidor tenga una idea adecuada de los datos que se acercan a descargar. Es importante por eso describir bien los metadatos.

[[Image:Gvsig-publish-metadata.jpg|thumb|none|400px|Definiendo los Metadatos del servicio WMS]]

Un paso importante es escoger las capas, disponibles en nuestra ''vista'', que vamos a querer visualizar. Seleccionamos las 4 que hemos cargado.

[[Image:Gvsig-publish-layers.jpg|thumb|none|400px|Seleccionando las capas a publicar]]

Ya estamos acabando, pulsando el botón ''publicar'', esperamos el mensaje de confirmación.

[[Image:Gvsig-publish-end.jpg|thumb|none|400px|El ''mapfile'' ha sido guardado en el lugar requerido y el servicio WMS está disponible]]

El ultimo paso que tenemos que dar es editar a mano el Mapfile y añadir la proyección geografica EPSG:4326 (LAT/LONG) a las ofrecida por nuestro servidor WMS.
En la linea 25 de nuestro Mafile cambiamos:
"wms_srs" " EPSG:26915"
con
"wms_srs" " EPSG:26915 EPSG:4326"
Este cambio hace que Mapserver pueda servir nuestros datos en dos diferente sistemas de proyección. Es el Mapserver mismo que se encarga de re-proyectar los datos.

==Comprobar el servicio creado==

Como en la lección [[Openlayers: configuración mínima con biblioteca en remoto]] hemos visto cómo crear una pagina web que enseñe nuestros contenidos ahora podemos hacerlo con nuestro nuevo servicio WMS.

===Código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol-itasca-wms.html

luego hay que poner el siguiente texto en ella:

<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(-94.428,47.0169,-93.0557,47.9017),
maxResolution: 'auto',}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-wms.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso básico de OpenLayers con una capa WMS
</div>

<div id="map"></div>

<div id="docs">
más texto aquí
</div>
</body>
</html>
</pre>
</code>

===Comprobar la página web con el mapa===
Una vez guardada la página web con el código anterior podemos comprobar con nuestro navegador web (p.ej. Mozilla Firefox, Internet Explorer, etc.) si la página responde como esperamos:

* http://localhost:9000/mapserv-demo/ol-itasca-test.html

Este es el resultado:

[[Image:Openlayers-show-ows-from-gvsig-mapserver.jpg|thumb|none|400px|Publicación de nuestro servicio WMS]]

===Todo lo que hay que notar en nuestro código===

El código que hemos utilizado es sencillo pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.

====El código JavaScript personalizado====

Podemos notar como la creación del objeto '''map''' es muy sencilla porque no tenemos que definir la unidad de medida ni la proyección porque nuestro servicio es en EPSG:4326 que es la usada por defecto en OpenLayers. La definición de la Extent es en coordenadas geográficas (-94.428,47.0169,-93.0557,47.9017) y non en EPSG:26915 NAD83/UTMzone15N (378107,5193120,510896,5320243) que es la proyección originaria de los datos.

Además hay que notar como en la creación del objeto '''layer''' la direción del servidor y el listado de las capas coinciden con las que hemos creado antes.
<code>

map = <span style='background-color:yellow'>new OpenLayers.Map( 'map',{</span>
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(-94.428,47.0169,-93.0557,47.9017),</span>
<span style='background-color:yellow'>maxResolution: 'auto',} </span>
<span style='background-color:yellow'>);</span>

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/<span style='background-color:yellow'>itasca-wms.map</span>",
{layers: '<span style='background-color:yellow'>ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp</span>'} );

);
</code>

=Crear el servicio WFS=
Para un función que normalmente requiere meterle mano al texto contenido en el ''mapfile'', gvSIG nos ayuda una vez más.

El procedimiento es prácticamente igual al que seguimos para crear el servicio WMS.

Se crea una nueva ''publicación'' desde la ventana del ''gestor de proyectos''.

El asistente nos pregunta qué servidor utilizar y qué servicio crear. El servicio seleccionado por defecto es el WMS pero también podemos escoger el WFS, que es precisamente lo que vamos a hacer.

[[Image:Gvsig-publish-wfs-server.jpg|thumb|none|400px|Seleccionando el servidor y el servicio WFS]]

En el paso siguiente tenemos que decir dónde queremos guardar el ''mapfile''.
En nuetro caso:

C:\ms4w\apps\mapserv-demo\itasca-test-wfs.map

[[Image:Gvsig-publish-wfs-mapfile.jpg|thumb|none|400px|Especificando la ubicación del ''mapfile'']]

Ahora nos toca otra vez definir los metadatos para este recurso. Hay que poner atención sobre el hecho de que un servicio sin buena descripción no es un buen servicio.

[[Image:Gvsig-publish-wfs-metadata.jpg|thumb|none|400px|Definiendo los metadatos del servicio WFS]]

En la selección de capas vamos poniendo todos las capas que nuestra vista ofrece.

[[Image:Gvsig-publish-wfs-layers.jpg|thumb|none|400px|Añadiendo las capas al servicio WFS]]

Ahora sólo queda el último paso y gvSIG nos dirá si todo ha ido correctamente.

[[Image:Gvsig-publish-wfs-end.jpg|thumb|none|400px|Mensaje de confirmación de que el servicio WFS se ha creado]]

==Comprobar el servicio WFS==

Para comprobar si todo ha ido bien podemos pedir el <tt>GetCapabilities</tt> de nuestro servicio:

* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map&request=getCapabilities&service=WFS

Echad un vistazo un momento al código XML resultante de nuestra llamada. Los metadatos que describen el contenido deberían describir no sólo el juego de datos sino también cada capa por separado.

[[Image:Mapserver-wfs-getCapabilities.jpg|thumb|none|400px|El output del GetCapabilities]]

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

File:Gvsig-pubish-mapfile.jpg

2009-05-06T23:44:36Z

Wiki-Corral20: uploaded a new version of "Image:Gvsig-pubish-mapfile.jpg": Reverted to version as of 23:34, 6 May 2009

[[Category:Education]]
[[Category:Cursos]]

File:Gvsig-pubish-mapfile.jpg

2009-05-06T23:43:53Z

Wiki-Corral20: uploaded a new version of "Image:Gvsig-pubish-mapfile.jpg": Reverted to version as of 11:24, 14 April 2009

[[Category:Education]]
[[Category:Cursos]]

Crear servicios WMS y WFS con MS4W y gvSIG utilizando nuestro propio juego de datos

2009-05-06T23:40:15Z

Wiki-Corral20:

Unos de los problemas principales en la publicación de datos geoespaciales en la web es la dificultad que lleva la configuración de los servidores de mapas.

=Buscar los datos=
Si no se tiene un juego de datos propios se pueden utilizar algunos de los datos disponibles con licencia Libre que se encuentran en la red.

==''MapServer Itasca Demo Application''==
Para comenzar necesitaremos el juego de datos libres ''Itasca''.
Tenemos una detallada explicación de dónde encontrarlo y cómo configurarlo en la lección [[Instalaci%C3%B3n_de_MS4W#Procedimiento_de_instalaci.C3.B3n_del_juego_de_datos_Itasca|Instalación de MS4W]].

=Instalar la extensión de publicación para la web de gvSIG=

Desde la [http://www.gvsig.gva.es/index.php?id=1803&L=0 página de Extensiones] de gvSIG podemos descargar la '''Extensión de publicación'''.

La página de descarga es la siguiente:

* http://www.gvsig.gva.es/index.php?id=2010&L=0

El fichero en binario que instalamos para esta demostración es:
* http://downloads.gvsig.org/gva/descargas/ficheros/Extensiones/gvsig-1_1_x-publishing-BN14-windows-i586.exe

También está disponible un manual para la extensión:

* http://downloads.gvsig.org/gva/descargas/manuales/gvsig-1_1_x-publishing-man-v1-es.pdf.pdf

El manual describe muy bien el proceso de instalación. Una vez instalado podemos lanzar gvSIG y proseguir con la lección.

=Crear el servicio WMS=

Antes que nada hay que crear una vista nueva con gvSIG y la llamaremos '''Itasca'''.
[[Image:Gvsig extension publicacion web shot1.png|thumb|none|400px|Crear una vista nueva con gvSIG]]

Entre las propiedades de la vista hay que definir su proyección y nosotros vamos a escoger la proyección de nuestro juego de datos que, en el caso de Itasca, es ''EPSG:26915''.
[[Image:GvSig propriedades vista.jpg|thumb|none|400px|Definición de la proyección de nuestra vista]]

Una vez creada la vista podemos añadir nuestros datos desde la carpeta:
C:\MS4W\apps\mapserv-demo\data\
Iremos escogiendo las siguientes capas:
*<tt>ctyrdln3.shp</tt>
*<tt>dlgstln2.shp</tt>
*<tt>lakespy2.shp</tt>
*<tt>mcdrdln3.shp</tt>

gvSIG visualizará todos los ficheros dándole unos estilos por defecto.
[[Image:Gvsig itasca no style.jpg|thumb|none|400px|gvSIG visualizando los datos de Itasca]]

Con el botón derecho sobre el nombre de la capa desde la leyenda es posible seleccionar las preferencias y definir un estilo personalizado para nuestras capas. En este caso hemos seleccionado la capa de los lagos y definido un estilo en intervalos.

[[Image:Gvsig-itasca-symbology-intervals.jpg|thumb|none|400px|Creando un estilo de visualización con gvSIG]]

Una vez guardada la vista de gvSIG podemos volver a la ventana del ''Gestor de proyectos'' y seleccionar la herramienta de ''Publicación''. Se puede ver en la siguiente imagen como el estilo que hemos creado antes se aplica al mapa.

[[Image:Gvsig-itasca-publish.jpg|thumb|none|400px|Visualizando la herramienta de publicación y el mapa con el nuevo estilo de visualización]]

Creando una nueva ''Publicación'' somos guiados paso a paso en el proceso de publicación en la web mediante un asistente.
El primer paso es seleccionar el servidor que tenemos disponible. En nuestro caso es un servidor ''UMN Mapserver'' versión 5.

[[Image:Gvsig-publish-server.jpg|thumb|none|400px|Definiendo la ubicación de UMN Mapserver]]

En segundo lugar hay que definir el lugar en el que guardar el fichero de configuración (''mapfile''). En nuestro caso un lugar útil puede ser:

C:\ms4w\apps\mapserv-demo\itasca-wms.map

Otra pregunta importante cuando se configure un servicio en la red es a propósito de los metadatos WMS.

OGC define los metadatos de los servicios para que quien utilice nuestro servidor tenga una idea adecuada de los datos que se acercan a descargar. Es importante por eso describir bien los metadatos.

[[Image:Gvsig-publish-metadata.jpg|thumb|none|400px|Definiendo los Metadatos del servicio WMS]]

Un paso importante es escoger las capas, disponibles en nuestra ''vista'', que vamos a querer visualizar. Seleccionamos las 4 que hemos cargado.

[[Image:Gvsig-publish-layers.jpg|thumb|none|400px|Seleccionando las capas a publicar]]

Ya estamos acabando, pulsando el botón ''publicar'', esperamos el mensaje de confirmación.

[[Image:Gvsig-publish-end.jpg|thumb|none|400px|El ''mapfile'' ha sido guardado en el lugar requerido y el servicio WMS está disponible]]

El ultimo paso que tenemos que dar es editar a mano el Mapfile y añadir la proyección geografica EPSG:4326 (LAT/LONG) a las ofrecida por nuestro servidor WMS.
En la linea 25 de nuestro Mafile cambiamos:
"wms_srs" " EPSG:26915"
con
"wms_srs" " EPSG:26915 EPSG:4326"
Este cambio hace que Mapserver pueda servir nuestros datos en dos diferente sistemas de proyección. Es el Mapserver mismo que se encarga de re-proyectar los datos.

==Comprobar el servicio creado==

Como en la lección [[Openlayers: configuración mínima con biblioteca en remoto]] hemos visto cómo crear una pagina web que enseñe nuestros contenidos ahora podemos hacerlo con nuestro nuevo servicio WMS.

===Código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol-itasca-wms.html

luego hay que poner el siguiente texto en ella:

<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(-94.428,47.0169,-93.0557,47.9017),
maxResolution: 'auto',}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-wms.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso básico de OpenLayers con una capa WMS
</div>

<div id="map"></div>

<div id="docs">
más texto aquí
</div>
</body>
</html>
</pre>
</code>

===Comprobar la página web con el mapa===
Una vez guardada la página web con el código anterior podemos comprobar con nuestro navegador web (p.ej. Mozilla Firefox, Internet Explorer, etc.) si la página responde como esperamos:

* http://localhost:9000/mapserv-demo/ol-itasca-test.html

Este es el resultado:

[[Image:Openlayers-show-ows-from-gvsig-mapserver.jpg|thumb|none|400px|Publicación de nuestro servicio WMS]]

===Todo lo que hay que notar en nuestro código===

El código que hemos utilizado es sencillo pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.

====El código JavaScript personalizado====

Podemos notar como la creación del objeto '''map''' es muy sencilla porque no tenemos que definir la unidad de medida ni la proyección porque nuestro servicio es en EPSG:4326 que es la usada por defecto en OpenLayers. La definición de la Extent es en coordenadas geográficas (-94.428,47.0169,-93.0557,47.9017) y non en EPSG:26915 NAD83/UTMzone15N (378107,5193120,510896,5320243) que es la proyección originaria de los datos.

Además hay que notar como en la creación del objeto '''layer''' la direción del servidor y el listado de las capas coinciden con las que hemos creado antes.
<code>

map = <span style='background-color:yellow'>new OpenLayers.Map( 'map',{</span>
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(-94.428,47.0169,-93.0557,47.9017),</span>
<span style='background-color:yellow'>maxResolution: 'auto',} </span>
<span style='background-color:yellow'>);</span>

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/<span style='background-color:yellow'>itasca-wms.map</span>",
{layers: '<span style='background-color:yellow'>ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp</span>'} );

);
</code>

=Crear el servicio WFS=
Para un función que normalmente requiere meterle mano al texto contenido en el ''mapfile'', gvSIG nos ayuda una vez más.

El procedimiento es prácticamente igual al que seguimos para crear el servicio WMS.

Se crea una nueva ''publicación'' desde la ventana del ''gestor de proyectos''.

El asistente nos pregunta qué servidor utilizar y qué servicio crear. El servicio seleccionado por defecto es el WMS pero también podemos escoger el WFS, que es precisamente lo que vamos a hacer.

[[Image:Gvsig-publish-wfs-server.jpg|thumb|none|400px|Seleccionando el servidor y el servicio WFS]]

En el paso siguiente tenemos que decir dónde queremos guardar el ''mapfile''.
En nuetro caso:

C:\ms4w\apps\mapserv-demo\itasca-test-wfs.map

[[Image:Gvsig-publish-wfs-mapfile.jpg|thumb|none|400px|Especificando la ubicación del ''mapfile'']]

Ahora nos toca otra vez definir los metadatos para este recurso. Hay que poner atención sobre el hecho de que un servicio sin buena descripción no es un buen servicio.

[[Image:Gvsig-publish-wfs-metadata.jpg|thumb|none|400px|Definiendo los metadatos del servicio WFS]]

En la selección de capas vamos poniendo todos las capas que nuestra vista ofrece.

[[Image:Gvsig-publish-wfs-layers.jpg|thumb|none|400px|Añadiendo las capas al servicio WFS]]

Ahora sólo queda el último paso y gvSIG nos dirá si todo ha ido correctamente.

[[Image:Gvsig-publish-wfs-end.jpg|thumb|none|400px|Mensaje de confirmación de que el servicio WFS se ha creado]]

==Comprobar el servicio WFS==

Para comprobar si todo ha ido bien podemos pedir el <tt>GetCapabilities</tt> de nuestro servicio:

* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map&request=getCapabilities&service=WFS

Echad un vistazo un momento al código XML resultante de nuestra llamada. Los metadatos que describen el contenido deberían describir no sólo el juego de datos sino también cada capa por separado.

[[Image:Mapserver-wfs-getCapabilities.jpg|thumb|none|400px|El output del GetCapabilities]]

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Crear servicios WMS y WFS con MS4W y gvSIG utilizando nuestro propio juego de datos

2009-05-06T23:39:19Z

Wiki-Corral20:

Unos de los problemas principales en la publicación de datos geoespaciales en la web es la dificultad que lleva la configuración de los servidores de mapas.

=Buscar los datos=
Si no se tiene un juego de datos propios se pueden utilizar algunos de los datos disponibles con licencia Libre que se encuentran en la red.

==''MapServer Itasca Demo Application''==
Para comenzar necesitaremos el juego de datos libres ''Itasca''.
Tenemos una detallada explicación de dónde encontrarlo y cómo configurarlo en la lección [[Instalaci%C3%B3n_de_MS4W#Procedimiento_de_instalaci.C3.B3n_del_juego_de_datos_Itasca|Instalación de MS4W]].

=Instalar la extensión de publicación para la web de gvSIG=

Desde la [http://www.gvsig.gva.es/index.php?id=1803&L=0 página de Extensiones] de gvSIG podemos descargar la '''Extensión de publicación'''.

La página de descarga es la siguiente:

* http://www.gvsig.gva.es/index.php?id=2010&L=0

El fichero en binario que instalamos para esta demostración es:
* http://downloads.gvsig.org/gva/descargas/ficheros/Extensiones/gvsig-1_1_x-publishing-BN14-windows-i586.exe

También está disponible un manual para la extensión:

* http://downloads.gvsig.org/gva/descargas/manuales/gvsig-1_1_x-publishing-man-v1-es.pdf.pdf

El manual describe muy bien el proceso de instalación. Una vez instalado podemos lanzar gvSIG y proseguir con la lección.

=Crear el servicio WMS=

Antes que nada hay que crear una vista nueva con gvSIG y la llamaremos '''Itasca'''.
[[Image:Gvsig extension publicacion web shot1.png|thumb|none|400px|Crear una vista nueva con gvSIG]]

Entre las propiedades de la vista hay que definir su proyección y nosotros vamos a escoger la proyección de nuestro juego de datos que, en el caso de Itasca, es ''EPSG:26915''.
[[Image:GvSig propriedades vista.jpg|thumb|none|400px|Definición de la proyección de nuestra vista]]

Una vez creada la vista podemos añadir nuestros datos desde la carpeta:
C:\MS4W\apps\mapserv-demo\data\
Iremos escogiendo las siguientes capas:
*<tt>ctyrdln3.shp</tt>
*<tt>dlgstln2.shp</tt>
*<tt>lakespy2.shp</tt>
*<tt>mcdrdln3.shp</tt>

gvSIG visualizará todos los ficheros dándole unos estilos por defecto.
[[Image:Gvsig itasca no style.jpg|thumb|none|400px|gvSIG visualizando los datos de Itasca]]

Con el botón derecho sobre el nombre de la capa desde la leyenda es posible seleccionar las preferencias y definir un estilo personalizado para nuestras capas. En este caso hemos seleccionado la capa de los lagos y definido un estilo en intervalos.

[[Image:Gvsig-itasca-symbology-intervals.jpg|thumb|none|400px|Creando un estilo de visualización con gvSIG]]

Una vez guardada la vista de gvSIG podemos volver a la ventana del ''Gestor de proyectos'' y seleccionar la herramienta de ''Publicación''. Se puede ver en la siguiente imagen como el estilo que hemos creado antes se aplica al mapa.

[[Image:Gvsig-itasca-publish.jpg|thumb|none|400px|Visualizando la herramienta de publicación y el mapa con el nuevo estilo de visualización]]

Creando una nueva ''Publicación'' somos guiados paso a paso en el proceso de publicación en la web mediante un asistente.
El primer paso es seleccionar el servidor que tenemos disponible. En nuestro caso es un servidor ''UMN Mapserver'' versión 5.

[[Image:Gvsig-publish-server.jpg|thumb|none|400px|Definiendo la ubicación de UMN Mapserver]]

En segundo lugar hay que definir el lugar en el que guardar el fichero de configuración (''mapfile''). En nuestro caso un lugar útil puede ser:

C:\ms4w\apps\mapserv-demo\itasca-wms.map

[[Image:Gvsig-pubish-mapfile.jpg|thumb|none|400px|Definiendo la ubicación del ''mapfile'' para nuestro servicio]]

Otra pregunta importante cuando se configure un servicio en la red es a propósito de los metadatos WMS.

OGC define los metadatos de los servicios para que quien utilice nuestro servidor tenga una idea adecuada de los datos que se acercan a descargar. Es importante por eso describir bien los metadatos.

[[Image:Gvsig-publish-metadata.jpg|thumb|none|400px|Definiendo los Metadatos del servicio WMS]]

Un paso importante es escoger las capas, disponibles en nuestra ''vista'', que vamos a querer visualizar. Seleccionamos las 4 que hemos cargado.

[[Image:Gvsig-publish-layers.jpg|thumb|none|400px|Seleccionando las capas a publicar]]

Ya estamos acabando, pulsando el botón ''publicar'', esperamos el mensaje de confirmación.

[[Image:Gvsig-publish-end.jpg|thumb|none|400px|El ''mapfile'' ha sido guardado en el lugar requerido y el servicio WMS está disponible]]

El ultimo paso que tenemos que dar es editar a mano el Mapfile y añadir la proyección geografica EPSG:4326 (LAT/LONG) a las ofrecida por nuestro servidor WMS.
En la linea 25 de nuestro Mafile cambiamos:
"wms_srs" " EPSG:26915"
con
"wms_srs" " EPSG:26915 EPSG:4326"
Este cambio hace que Mapserver pueda servir nuestros datos en dos diferente sistemas de proyección. Es el Mapserver mismo que se encarga de re-proyectar los datos.

==Comprobar el servicio creado==

Como en la lección [[Openlayers: configuración mínima con biblioteca en remoto]] hemos visto cómo crear una pagina web que enseñe nuestros contenidos ahora podemos hacerlo con nuestro nuevo servicio WMS.

===Código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol-itasca-wms.html

luego hay que poner el siguiente texto en ella:

<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(-94.428,47.0169,-93.0557,47.9017),
maxResolution: 'auto',}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-wms.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso básico de OpenLayers con una capa WMS
</div>

<div id="map"></div>

<div id="docs">
más texto aquí
</div>
</body>
</html>
</pre>
</code>

===Comprobar la página web con el mapa===
Una vez guardada la página web con el código anterior podemos comprobar con nuestro navegador web (p.ej. Mozilla Firefox, Internet Explorer, etc.) si la página responde como esperamos:

* http://localhost:9000/mapserv-demo/ol-itasca-test.html

Este es el resultado:

[[Image:Openlayers-show-ows-from-gvsig-mapserver.jpg|thumb|none|400px|Publicación de nuestro servicio WMS]]

===Todo lo que hay que notar en nuestro código===

El código que hemos utilizado es sencillo pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.

====El código JavaScript personalizado====

Podemos notar como la creación del objeto '''map''' es muy sencilla porque no tenemos que definir la unidad de medida ni la proyección porque nuestro servicio es en EPSG:4326 que es la usada por defecto en OpenLayers. La definición de la Extent es en coordenadas geográficas (-94.428,47.0169,-93.0557,47.9017) y non en EPSG:26915 NAD83/UTMzone15N (378107,5193120,510896,5320243) que es la proyección originaria de los datos.

Además hay que notar como en la creación del objeto '''layer''' la direción del servidor y el listado de las capas coinciden con las que hemos creado antes.
<code>

map = <span style='background-color:yellow'>new OpenLayers.Map( 'map',{</span>
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(-94.428,47.0169,-93.0557,47.9017),</span>
<span style='background-color:yellow'>maxResolution: 'auto',} </span>
<span style='background-color:yellow'>);</span>

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/<span style='background-color:yellow'>itasca-wms.map</span>",
{layers: '<span style='background-color:yellow'>ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp</span>'} );

);
</code>

=Crear el servicio WFS=
Para un función que normalmente requiere meterle mano al texto contenido en el ''mapfile'', gvSIG nos ayuda una vez más.

El procedimiento es prácticamente igual al que seguimos para crear el servicio WMS.

Se crea una nueva ''publicación'' desde la ventana del ''gestor de proyectos''.

El asistente nos pregunta qué servidor utilizar y qué servicio crear. El servicio seleccionado por defecto es el WMS pero también podemos escoger el WFS, que es precisamente lo que vamos a hacer.

[[Image:Gvsig-publish-wfs-server.jpg|thumb|none|400px|Seleccionando el servidor y el servicio WFS]]

En el paso siguiente tenemos que decir dónde queremos guardar el ''mapfile''.
En nuetro caso:

C:\ms4w\apps\mapserv-demo\itasca-test-wfs.map

[[Image:Gvsig-publish-wfs-mapfile.jpg|thumb|none|400px|Especificando la ubicación del ''mapfile'']]

Ahora nos toca otra vez definir los metadatos para este recurso. Hay que poner atención sobre el hecho de que un servicio sin buena descripción no es un buen servicio.

[[Image:Gvsig-publish-wfs-metadata.jpg|thumb|none|400px|Definiendo los metadatos del servicio WFS]]

En la selección de capas vamos poniendo todos las capas que nuestra vista ofrece.

[[Image:Gvsig-publish-wfs-layers.jpg|thumb|none|400px|Añadiendo las capas al servicio WFS]]

Ahora sólo queda el último paso y gvSIG nos dirá si todo ha ido correctamente.

[[Image:Gvsig-publish-wfs-end.jpg|thumb|none|400px|Mensaje de confirmación de que el servicio WFS se ha creado]]

==Comprobar el servicio WFS==

Para comprobar si todo ha ido bien podemos pedir el <tt>GetCapabilities</tt> de nuestro servicio:

* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map&request=getCapabilities&service=WFS

Echad un vistazo un momento al código XML resultante de nuestra llamada. Los metadatos que describen el contenido deberían describir no sólo el juego de datos sino también cada capa por separado.

[[Image:Mapserver-wfs-getCapabilities.jpg|thumb|none|400px|El output del GetCapabilities]]

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

File:Gvsig-pubish-mapfile.jpg

2009-05-06T23:34:35Z

Wiki-Corral20: uploaded a new version of "Image:Gvsig-pubish-mapfile.jpg"

[[Category:Education]]
[[Category:Cursos]]