• Author / Uploaded
• Javier Soriano

• Categories
• Script de Java
• Servidor web
• Localizador Uniforme de Recursos
• HTML
• Protocolo de Transferencia de Hipertexto

Citation preview

Instalación de OpenLayers - ChuWiki

1 de 4

Instalación de OpenLayers

http://chuwiki.chuidiang.org/index.php?title=Instalación_de_OpenLayers

0

Twittear

0

De ChuWiki

Contenido 1 Descarga e instalación 2 Un ejemplo sencillo 3 OpenLayers con GeoServer

Descarga e instalación OpenLayers no es más que una librería javascript con algunos iconos adicionales para los botones que podemos poner usando esta librería, como botones de zoom del mapa, pintado de polígonos, líneas, puntos sobre el mapa, etc. Por ello la instalación es fácil, basta descargarse el zip correspondiente de http://trac.osgeo.org/openlayers/wiki/HowToDownload y desempaquetarlo en un sitio público de nuestro servidor web, donde más nos guste.

Un ejemplo sencillo Vamos a hacer un ejemplo sencillo, utilizando el servidor de mapas que pone OpenLayers disponible. El código de la página html sería el siguiente:







01/07/2013 13:35

Instalación de OpenLayers - ChuWiki

2 de 4

http://chuwiki.chuidiang.org/index.php?title=Instalación_de_OpenLayers

Veamos algunos detalles En el indicamos que vamos a usar la librería OpenLayers.js cogida de la misma web de OpenLayers, es el trozo de





El ejemplo es exactamente igual que en el punto anterior, pero vamos a ver algunas cosas que cambian y qué hemos hecho exactamente. Hemos instalado también un servidor Apache para presentar páginas html. Dentro de su directorio público, hemos desempaquetado el zip de OpenLayers en el directorio openlayers, por lo que el script principal de OpenLayers está accesible en http://localhost/openlayers/OpenLayers.js Tenemos GeoServer instalado en http://localhost:8080/geoserver. Para acceder a los mapas a través del protocolo WMS, la url es http://localhost:8080/geoserver/wms Entre los mapas/capas disponibles como ejemplo en GeoServer, tenemos una capa llamada "nurc:Img_Sample", que es la que usaremos en este ejemplo. Salvo estos cambios de URLs, el resto del código html/javascript es igual que en el ejemplo anterior. La imagen que obtenemos si visualizamos el fichero html en el navegador es la siguiente

Obtenido de "http://chuwiki.chuidiang.org/index.php?title=Instalaci%C3%B3n_de_OpenLayers" Categoría: Openlayers

01/07/2013 13:35

Instalación de OpenLayers - ChuWiki

4 de 4

http://chuwiki.chuidiang.org/index.php?title=Instalación_de_OpenLayers

Esta página fue modificada por última vez el 12:30, 2 mar 2013.

Esta obra está bajo una licencia de Creative Commons. Para reconocer la autoría debes poner http://www.chuidiang.com/chuwiki

01/07/2013 13:35