Openlayers: configuración con biblioteca en el servidor local

From OSGeo
Jump to navigation Jump to search

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>
    <title> OpenLayers con biblioteca en local</title>
    <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 y la libreria en local
     </div>
    
     <div id="map"></div>
    
     <div id="docs">
         mas texto aquì
     </div>
   </body>
  </html>


Comprobar la página de prueba

El enlace web local será:


crear un mapa utilizando la biblioteca en local de OpenLayers


Todo lo que hay que notar en nuestro código

La verdad es que desde el ejemplo con biblioteca en remoto no ha cambiado mucho si no la llamada a la biblioteca.


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=35805"