Openlayers: configuración mínima con biblioteca en remoto - Revision history

Wiki-Ominiverdi at 22:57, 20 April 2009

2009-04-20T22:57:30Z

Wiki-Equipo UNIGIS: /* el DIV del mapa */

2009-04-14T10:03:46Z

el DIV del mapa

Wiki-Equipo UNIGIS: /* la llamada de aranque */

2009-04-14T10:03:19Z

la llamada de aranque

Wiki-Equipo UNIGIS: /* el código Javascript personalizado */

2009-04-14T10:02:37Z

el código Javascript personalizado

Wiki-Equipo UNIGIS: /* Todo lo que hay que notar en nuestro codigo */

2009-04-14T10:01:21Z

Todo lo que hay que notar en nuestro codigo

Wiki-Equipo UNIGIS: /* comprobar la pagina web con el mapa */

2009-04-14T09:48:53Z

comprobar la pagina web con el mapa

Wiki-Equipo UNIGIS: /* código de ejemplo */

2009-04-14T09:48:15Z

código de ejemplo

Wiki-Equipo UNIGIS: /* codigo de ejemplo */

2009-04-14T09:48:00Z

codigo de ejemplo

Wiki-Equipo UNIGIS: /* Openlayers: configuración mínima con biblioteca en remoto */

2009-04-14T09:47:36Z

Openlayers: configuración mínima con biblioteca en remoto

Wiki-Vehrka: /* Duración */

2009-03-24T17:17:15Z

Duración

← Older revision		Revision as of 22:57, 20 April 2009
Line 1:		Line 1:
−	~~Nota:~~
−
−	~~EN: THIS IS STILL A DRAFT~~
−	~~ES: SIGUE SIENDO UN BORRADOR~~
−

	=Openlayers: configuración mínima con biblioteca en remoto=		=Openlayers: configuración mínima con biblioteca en remoto=

@@ Line 154: / Line 154: @@
 ====el DIV del mapa====
-en el poco codigo HTML que hemos puesto en este ejemplo hay solo un elemento que es fundamental: el ''DIV'' del mapa.
+en el poco código HTML que hemos puesto en este ejemplo hay solo un elemento que es fundamental: el ''DIV'' del mapa.
 Como su ID es ''map'', tendrá el estilo que hemos definido en el CSS.
 <code>

@@ Line 146: / Line 146: @@
 </code>
-====la llamada de aranque====
+====la llamada de arranque====
-para que el código Javascript que hemos escrito se active al cargar de la pagina web hay que darle este comando al tag ''BODY''.
+para que el código Javascript que hemos escrito se active al cargar de la página web hay que darle este comando al tag ''BODY''.
-En practica significa que una vez que ha cargado el codigo HTML el browser tiene que ejecutar la función javascript ''init''.
+En práctica significa que una vez que ha cargado el código HTML el browser tiene que ejecutar la función javascript ''init''.
 <code>
     <span style='background-color:yellow'><body onload="init()"></span>

@@ Line 117: / Line 117: @@
          <span style='background-color:yellow'>var map, layer;</span>
 </code>
-se define la funcion de inicializacion que llamamos ''init''.
+se define la función de inicialización que llamamos ''init''.
 <code>
          function init(){
 </code>
-se instancia el objecto ''map'' como un ''OpenLayers.Map'' y como parametros le pasamos el nombre del DIV donde hay que mostrar el mapa (''map'') y los parámetros de contexto de nuestra mapa (extent, unidades, proyección).
+se instancia el objecto ''map'' como un ''OpenLayers.Map'' y como parámetros le pasamos el nombre del DIV donde hay que mostrar el mapa (''map'') y los parámetros de contexto de nuestro mapa (extent, unidades, proyección).
 <code>
              map = new OpenLayers.Map( 'map',{
@@ Line 130: / Line 130: @@
   				);
 </code>
-se instancia un objecto ''layer'' como un ''OpenLayers.Layer.WMS''. Se trata de nuestra capa WMS y por eso, como parametros, le pasamos ''layers: 'drgs''' y e la direccion del servidor WMS (http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map).
+se instancia un objecto ''layer'' como un ''OpenLayers.Layer.WMS''. Se trata de nuestra capa WMS y por eso, como parámetros, le pasamos ''layers: 'drgs''' y es la dirección del servidor WMS (http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map).
 <code>
              <span style='background-color:yellow'>layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",</span>

@@ Line 85: / Line 85: @@
 [[Image:Openlayers itasca base map.jpg|thumb|none|400x400px|la primera vista del mapa creado por Openlayers en la pagina web]]
-===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 de verdad muy poco pero hay que estar muy atentos a que lo que se escriba sea exacto y tenga sentido.
 ====el estilo CSS====
-El minimo de estilo CSS que necesitamos es para posicionar el marco del mapa. A este ''DIV'' se le da el ''ID'' de ''MAP''.
+El mínimo de estilo CSS que necesitamos es para posicionar el marco del mapa. A este ''DIV'' se le da el ''ID'' de ''MAP''.
 Los elementos importantes son el alto (width) y el ancho (height).
 <code>
@@ Line 102: / Line 102: @@
 ====la biblioteca Javascript de Openlayers====
-para que se pueda crear la mapa es indispensable la biblioteca de codigo de Openlayers que se puede utilizar en varias maneras.
+para que se pueda crear el mapa es indispensable la biblioteca de código de Openlayers que se puede utilizar de varias maneras.
-La mas comoda, por el comienzo, es utilizar su versión publicada online.
+La mas cómoda, para comenzar, es utilizar su versión publicada online.
 <code>
      <span style='background-color:yellow'><script src="http://www.openlayers.org/api/OpenLayers.js"></script></span>
@@ Line 109: / Line 109: @@
 ====el código Javascript personalizado====
-para definir nuestro mapa especifico tenemos que dar unas indicaciones a Openlayers, como que mapa utilizar y como enseñarla.
+para definir nuestro mapa especifico tenemos que dar unas indicaciones a Openlayers, como qué mapa utilizar y cómo enseñarlo.
 se crean las dos variable de mapa y de layer.

@@ Line 77: / Line 77: @@
 </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 añadido podemos comprobar con nuestro browser web (ex: Mozilla Firefox, Internet Explorer, ecc.) si la página responde como esperamos:
 * http://localhost:9000/mapserv-demo/ol.html

@@ Line 20: / Line 20: @@
 ===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:
+Este fichero lo llamaremos:
   C:\ms4w\apps\mapserv-demo\ol.html

@@ Line 7: / Line 7: @@
 =Openlayers: configuración mínima con biblioteca en remoto=
 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
+* la dirección del servidor WMS
 **http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map
 * el nombre de la capa que queremos visualizar
 ** '''drgs'''
-* la proyection de nuestra mapa
+* la proyection de nuestro mapa
 ** '''EPSG:26915'''
 * el extent de nuestro mapa (min x, min y, max x, max y)
@@ Line 19: / Line 19: @@
 ===codigo 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:
@@ Line 159: / Line 159: @@
       <span style='background-color:yellow'><pre><div id="map"></div></pre></span>
 </code>
 =Autores=

@@ Line 180: / Line 180: @@
 Por esta clase se evalúa una duración de X oras
-[[Category:Español]]
 [[Category:Education]]
 [[Category:Cursos]]