Difference between revisions of "WMS base con MS4W y Openlayers"

From OSGeo
Jump to navigation Jump to search
 
(25 intermediate revisions by the same user not shown)
Line 1: Line 1:
Nota:
+
#REDIRECT [[Openlayers: configuración mínima con biblioteca en remoto]]
 
 
EN: THIS IS STILL A DRAFT
 
ES: SIGUE SIENDO UN BORRADOR
 
 
 
=Objectivos=
 
El objetivo de esta clase es acercar el usuario común al utilizo de los estándares '''OGC''' en un contesto de web mapping utilizando solamente software libre.
 
 
 
=WMS base con MS4W y Openlayers=
 
una vez que MS4W ha sido instalado y el juego de datos Itasca ha sido añadido, se puede utilizar el servidor WMS para recibir las capas de sus mapas.
 
Existe un gran variedad de clientes WMS sea que se quiera utilizar clientes pesados, para el Desktop, que clientes livianos, para la Web.
 
Unos de los client '''FOSS''' ('''Free and Open Source Software''') mas apreciado es sin duda '''OpenLayers''' [http://openlayers.org Openlayers.org].
 
 
 
==la primera mapa en la web==
 
considerando la configuración de los mapas Itasca lo que necesitamos para crear nuestra primera mapa web son estos datos:
 
* la direccion del servidor WMS
 
**http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map
 
* el nombre de la capa
 
** '''drgs'''
 
* la proyection de nuestra mapa
 
** '''EPSG:26915'''
 
* el extent de nuestro mapa (min x, min y, max x, max y)
 
** '''378107 5193120 510896 5320243'''
 
* la unidad de medidas
 
** '''metros'''
 
 
 
===codigo de ejemplo===
 
para crear la pagina web necesitamos crear un nuevo fichero con un editor de texto sencillo.
 
este fichero lo llamaremos:
 
 
 
c:\MS4W\....
 
 
 
 
 
luego hay que poner el siguiente texto en ella:
 
<code>
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
  <head>
 
    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
 
    <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(378107,5193120,510896,5320243),
 
maxResolution: 'auto',
 
units: "m",
 
projection: "EPSG:26915"}
 
);
 
           
 
            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
 
                    "http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );
 
                   
 
            map.addLayers([layer]);
 
 
            map.zoomToMaxExtent();
 
            map.addControl( new OpenLayers.Control.LayerSwitcher() );
 
        }
 
    </script>
 
  </head>
 
  <body onload="init()">
 
 
 
        <pre> <b>Ejemplo de WMS</b></pre>
 
 
 
    <div>
 
          El uso basico de Openlayers con un layer WMS
 
    </div>
 
 
 
    <div id="map"></div>
 
 
 
    <div id="docs">
 
        mas texto aquì
 
    </div>
 
  </body>
 
  </html>
 
 
 
</code>
 
 
 
=Autores=
 
* [[User:ominiverdi| Lorenzo Becchi]]
 
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]
 
 
 
 
 
 
 
[[Category:Español]]
 
[[Category:Education]]
 
[[Category:Cursos]]
 

Latest revision as of 04:12, 16 October 2008