Difference between revisions of "Openlayers: configuración con biblioteca en el servidor local"

From OSGeo
Jump to navigation Jump to search
Line 30: Line 30:
  
 
el código que le vamos a poner será el siguiente:
 
el código que le vamos a poner será el siguiente:
 +
 +
<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="openlayers/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();
 +
        }
 +
    </script>
 +
  </head>
 +
  <body onload="init()">
 +
 +
        <b>Ejemplo de WMS</b>
 +
 
 +
    <div>
 +
          El uso basico de Openlayers con un layer WMS
 +
    </div>
 +
 
 +
    <div id="map"></div>
 +
 
 +
    <div id="docs">
 +
        mas texto aquì
 +
    </div>
 +
  </body>
 +
  </html>
  
  

Revision as of 04:36, 3 March 2009

Nota: 

EN: THIS IS STILL A DRAFT 
ES: SIGUE SIENDO UN BORRADOR

Openlayers: configuración con biblioteca en el servidor local

descarga del fichero

Desde la pagina oficial de OpenLayers[1] se encuentra el link a la version estable ("stable"), Actualmente la version estable es la 2.7:


La pagina web de Openlayers


Una vez bajado el fichero lo expando y copio la carpeta de openlayers en la carpeta web de nuestro entorno [2]: 

C:\ms4w\apps\mapserv-demo\

Entonces vamos renombrando la carpeta: 

C:\ms4w\apps\mapserv-demo\OpenLayers-2.7

en 

C:\ms4w\apps\mapserv-demo\openlayers
el zip file de Openlayers
copiando la carpeta en el servidor Openlayers

crear la pagina de prueba

Con un editor vamos creando el fichero: 

C:\ms4w\apps\mapserv-demo\ol-local.html

el código que le vamos a poner será el siguiente: 

<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="openlayers/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();
       }
   </script>
  </head>
  <body onload="init()">

        Ejemplo de WMS
  

         El uso basico de Openlayers con un layer WMS

        mas texto aquì

  </body>
 </html>


El enlace web local será:

chequear las páginas de prueba

openlayers/examples/

!!!Poner Imagen !!!


!!!Poner Imagen !!!

crear el fichero comprimido

preparar el mapa

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.

Duración

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

  1. ↑ Pagina oficial de Openlayers: http://www.openlayers.org/
  2. ↑ Curso: Instalación y manejo de servicios OWS con UMN Mapserver y Openlayers, Lorenzo Becchi y Jorge Sanz, http://wiki.osgeo.org/wiki/Instalaci%C3%B3n_y_manejo_de_servicios_OWS_con_UMN_Mapserver_y_Openlayers
Retrieved from "http://wiki.osgeo.org/w/index.php?title=Openlayers:_configuración_con_biblioteca_en_el_servidor_local&oldid=35800"