Difference between revisions of "Crear servicios WMS y WFS con MS4W y gvSIG utilizando nuestro propio juego de datos"

From OSGeo
Jump to navigation Jump to search
m
 
(28 intermediate revisions by 4 users not shown)
Line 1: Line 1:
Nota:
 
 
EN: THIS IS STILL A DRAFT
 
ES: SIGUE SIENDO UN BORRADOR
 
 
 
 
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.
 
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.
  
Line 12: Line 6:
 
==''MapServer Itasca Demo Application''==
 
==''MapServer Itasca Demo Application''==
 
Para comenzar necesitaremos el juego de datos libres ''Itasca''.
 
Para comenzar necesitaremos el juego de datos libres ''Itasca''.
Tenemos una detallada explicacion de donde encontrarlo y donde ponerlo en la lession [[Instalaci%C3%B3n_de_MS4W#Procedimiento_de_instalaci.C3.B3n_del_juego_de_datos_Itasca|Instalación de MS4W]].
+
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=
 
=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 pagina de Extensiones] de gvSIG podemos descargar la '''Extensión de publicación'''.<br>
+
 
La pagina de descarga es la siguiente:
+
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
 
* http://www.gvsig.gva.es/index.php?id=2010&L=0
  
 
El fichero en binario que instalamos para esta demostración es:
 
El fichero en binario que instalamos para esta demostración es:
* ftp://downloads.gvsig.org/gva/descargas/ficheros/Extensiones/gvsig-1_1_x-publishing-BN14-windows-i586.exe
+
* http://downloads.gvsig.org/gva/descargas/ficheros/Extensiones/gvsig-1_1_x-publishing-BN14-windows-i586.exe
  
También esta disponible un manual para la extensión:
+
También está disponible un manual para la extensión:
ftp://downloads.gvsig.org/gva/descargas/manuales/gvsig-1_1_x-publishing-man-v1-es.pdf.pdf <br>
 
El manual describe muy bien el proceso de instalación.
 
  
Una vez instalado podemos lanzar gvSIG.
+
* 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=
 
=Crear el servicio WMS=
Line 33: Line 30:
 
[[Image:Gvsig extension publicacion web shot1.png|thumb|none|400px|Crear una vista nueva con gvSIG]]
 
[[Image:Gvsig extension publicacion web shot1.png|thumb|none|400px|Crear una vista nueva con gvSIG]]
  
Entre las propriedades de la vista hay que definir su proyección y nosotros vamos a escoger la proyección geográfica EPSG:4326 (LAT/LONG).  
+
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.png|thumb|none|400px|Definición de la proyección de nuestra vista]]
+
[[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:
 
Una vez creada la vista podemos añadir nuestros datos desde la carpeta:
 
  C:\MS4W\apps\mapserv-demo\data\
 
  C:\MS4W\apps\mapserv-demo\data\
 
Iremos escogiendo las siguientes capas:
 
Iremos escogiendo las siguientes capas:
*ctyrdln3.shp
+
*<tt>ctyrdln3.shp</tt>
*dlgstln2.shp
+
*<tt>dlgstln2.shp</tt>
*lakespy2.shp
+
*<tt>lakespy2.shp</tt>
*mcdrdln3.shp
+
*<tt>mcdrdln3.shp</tt>
gvSIG visualizará todos los ficheros dandole unos estilos por defecto.
+
 
 +
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]]
 
[[Image:Gvsig itasca no style.jpg|thumb|none|400px|gvSIG visualizando los datos de Itasca]]
  
Con el tasto diestro sobre el nombre del layer desde la leyenda es posible seleccionar las preferencias y definir un estilo personalizado para nuestras capas. En este caso hemos selecionado la capa de los lagos y definido un estilo a ''intervals''.
+
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 vestición con gvSIG]]
+
 
 +
[[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
  
Una vez guardada la vista de gvSIG podemos volver a la ventana del ''Gestor de proyectos'' y seleccionar la herramienta de ''Pubblicación''. Se puede notar en la imagen abajo como el estilo que hemos creado antes este aplicado al mapa.
+
[[Image:Gvsig-pubish-mapfile.jpg|thumb|none|400px|Definiendo la ubicación del ''mapfile'' para nuestro servicio]]
[[Image:Gvsig-itasca-publish.jpg|thumb|none|400px|Visualizando la herramienta de pubblicación y el mapa con el nuevo estilo de vestición]]
 
  
Creando una nueva ''Pubblicación'' somos guiados paso a paso en el proceso de publicación en la web.
+
Otra pregunta importante cuando se configure un servicio en la red es a propósito de los metadatos WMS.
El primer paso es seleccionar el servidor que tenemos disponible. En nuestro caso es un servidor de UMN Mapserver version 5.
 
[[Image:Gvsig-publish-server.jpg|thumb|none|400px|Definiendo la ubicacion del UMN Mapserver]]
 
  
En segundo lugar hay que definir un donde guardar el fichero de configuración. En nuestro caso un lugar util puede ser:
+
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.
C:\ms4w\apps\mapserv-demo\itasca-test.map
 
[[Image:Gvsig-pubish-mapfile.jpg|thumb|none|400px|Definiendo la ubicacion del mapfile para nuestro servicio]]
 
  
Otra pregunta importante cuando se configure un servicio en la red es aproposito de los metadatos WMS.
 
OGC define los metadatos de los servicios para que quien utilize nuestro servidor tenga una idea decente 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]]
 
[[Image:Gvsig-publish-metadata.jpg|thumb|none|400px|Definiendo los Metadatos del servicio WMS]]
  
Un paso importante es escojer las capas, disponibles en nuestra ''vista'', que vamos a quierer visualizar. Selecionamos todas las 4 que hemos cargado.
+
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 por publicar]]
+
 
 +
[[Image:Gvsig-publish-layers.jpg|thumb|none|400px|Seleccionando las capas a publicar]]
  
Ya estamos a la fin, cliquando el boton ''publicar'' y esperando el mensaje de confirmación.
+
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 donde requerido y el servicio WFS esta a disposició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==
 
==Comprobar el servicio creado==
  
Como en la lessión [[Openlayers: configuración mínima con biblioteca en remoto]] hemos visto como crear una pagina web que enseñe nuestros contenidos ahora podemos hacerlo con nuestro nuevo servicio WMS.
+
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.
  
===codigo de ejemplo===
+
===Código de ejemplo===
para crear la pagina web necesitamos crear un nuevo fichero con un editor de texto sencillo.
+
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
 
este fichero lo llamaremos:
 
este fichero lo llamaremos:
  
  C:\ms4w\apps\mapserv-demo\ol-itasca-test.html
+
  C:\ms4w\apps\mapserv-demo\ol-itasca-wms.html
  
 +
luego hay que poner el siguiente texto en ella:
  
luego hay que poner el siguiente texto en ella:
 
 
<code>
 
<code>
 
<pre>
 
<pre>
Line 100: Line 114:
 
         function init(){
 
         function init(){
 
             map = new OpenLayers.Map( 'map',{
 
             map = new OpenLayers.Map( 'map',{
  maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
+
  maxExtent: new OpenLayers.Bounds(-94.428,47.0169,-93.0557,47.9017),
 
  maxResolution: 'auto',}  
 
  maxResolution: 'auto',}  
 
  );
 
  );
 
              
 
              
 
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
 
             layer = new OpenLayers.Layer.WMS( "OpenLayers 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'} );
+
                     "http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-wms.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );
 
                      
 
                      
 
                      
 
                      
Line 119: Line 133:
 
    
 
    
 
     <div>
 
     <div>
           El uso basico de Openlayers con un layer WMS
+
           El uso básico de OpenLayers con una capa WMS
 
     </div>
 
     </div>
 
    
 
    
Line 125: Line 139:
 
    
 
    
 
     <div id="docs">
 
     <div id="docs">
         mas texto aquì
+
         más texto aquí
 
     </div>
 
     </div>
 
   </body>
 
   </body>
Line 132: Line 146:
 
</code>
 
</code>
  
===comprobar la pagina web con el mapa===
+
===Comprobar la página web con el mapa===
una vez guardada la pagina web con el codigo añadido podemos comprobar con nuestro browser web (ex: Mozilla Firefox, Internet Explorer, ecc.) si la pagina responde como nos esperamos:
+
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
+
* http://localhost:9000/mapserv-demo/ol-itasca-wms.html
  
este es el resultado:
+
Este es el resultado:
  
[[Image:Openlayers-show-ows-from-gvsig-mapserver.jpg|thumb|none|400px|...]]
+
[[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 codigo===
+
===Todo lo que hay que notar en nuestro código===
El codigo que hemos utilizado es de verdad muy poco pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.
 
  
 +
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====
+
====El código JavaScript personalizado====
Podemos notar como la creacion del object '''map''' es muy sencilla porque no tenemos que defir la unedad de misura ni la projección porque nuestro servicio es en EPSG:4326 que es la de defecto de OpenLayers.
 
  
Ademas hay que notar como en la creación del object '''layer''' la direcion del servidor y el listado de los layer coinciden con los que hemos creado antes.
+
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>
 
<code>
 
              
 
              
 
             map = <span style='background-color:yellow'>new OpenLayers.Map( 'map',{</span>
 
             map = <span style='background-color:yellow'>new OpenLayers.Map( 'map',{</span>
  <span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</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'>maxResolution: 'auto',} </span>
 
  <span style='background-color:yellow'>);</span>
 
  <span style='background-color:yellow'>);</span>
 
              
 
              
 
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
 
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
                     "http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/<span style='background-color:yellow'>itasca-test.map</span>",
+
                     "http://localhost:9000/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>'} );
 
                   {layers: '<span style='background-color:yellow'>ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp</span>'} );
 
                      
 
                      
Line 164: Line 179:
  
 
=Crear el servicio WFS=
 
=Crear el servicio WFS=
Para un funcion que normalmente requiere poner mano al texto contenido en el mapfile, gvSIG nos da una mano una vez mas.
+
Para un función que normalmente requiere meterle mano al texto contenido en el ''mapfile'', gvSIG nos ayuda una vez más.
  
La procedura es practicamente identica a la que seguimos para crear el servicio WMS.
+
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''.  
 
Se crea una nueva ''publicación'' desde la ventana del ''gestor de proyectos''.  
  
El ''wizzard'' nos pregunta cual servidor utilizar y que servicio crear. El servicio seleccionado por defecto es el WMS pero tambien podemos escoger el WFS y es lo que vamos hacer.
+
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]]
 
[[Image:Gvsig-publish-wfs-server.jpg|thumb|none|400px|Seleccionando el servidor y el servicio WFS]]
  
En el paso siguiente tenemos que decir donde queremos guardar el mapfile.
+
En el paso siguiente tenemos que decir dónde queremos guardar el ''mapfile''.
 
En nuetro caso:
 
En nuetro caso:
 +
 
  C:\ms4w\apps\mapserv-demo\itasca-test-wfs.map
 
  C:\ms4w\apps\mapserv-demo\itasca-test-wfs.map
[[Image:Gvsig-publish-wfs-mapfile.jpg|thumb|none|400px|Especificando el recorrido del Mapfile]]
 
  
Entonces nos toca otra vez definir los metadatos por esto recurso. Poner la atención sobre el echo que un servicio sin buena descripción no es ningun sercivio.
+
[[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]]
 
[[Image:Gvsig-publish-wfs-metadata.jpg|thumb|none|400px|Definiendo los metadatos del servicio WFS]]
En la selección de layers vamos poniendo todos las capas que nuestra vista ofrece.
+
 
 +
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]]
 
[[Image:Gvsig-publish-wfs-layers.jpg|thumb|none|400px|Añadiendo las capas al servicio WFS]]
Ahora solo queda el final y gvSIG nos dirá si todo ha hido a cumplimiento.
+
 
[[Image:Gvsig-publish-wfs-end.jpg|thumb|none|400px|El mensaje de confirmación que el servicio WFS se ha creado]]
+
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==
 
==Comprobar el servicio WFS==
para comprobar el exito podemos pedir el GetCapabilities de nuestro servicio:
+
 
 +
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
 
* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map&request=getCapabilities&service=WFS
  
mirar un momento el codigo XML resultante de nuestra llamada.
+
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.
Los metadatos que describen el contenido deberian describir no solo el juego de datos sino tambien cada singula capa.
+
 
 +
[[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=
 
=Autores=

Latest revision as of 15:29, 17 October 2009

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ón de MS4W.

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

Desde la página de Extensiones de gvSIG podemos descargar la Extensión de publicación.

La página de descarga es la siguiente:

El fichero en binario que instalamos para esta demostración es:

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

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.

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.

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:

  • ctyrdln3.shp
  • dlgstln2.shp
  • lakespy2.shp
  • mcdrdln3.shp

gvSIG visualizará todos los ficheros dándole unos estilos por defecto.

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.

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.

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.

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
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.

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.

Seleccionando las capas a publicar

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

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:

 <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>

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:

Este es el resultado:

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.

           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'} );
                   
				);

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.

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
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.

Definiendo los metadatos del servicio WFS

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

Añadiendo las capas al servicio WFS

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

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 GetCapabilities de nuestro servicio:

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.

El output del GetCapabilities

Otro test posible es el pedido de una Feature con la dirección:

el codigo resultante es el listado de todas las geometrias disponibles por esta capa limitando el output a 200 features (maxfeatures).

Autores

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


Duración

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