Openlayers: las herramientas disponibles por defecto - Revision history

Wiki-Ominiverdi at 22:57, 20 April 2009

2009-04-20T22:57:40Z

Wiki-Equipo UNIGIS: /* Comentarios: el objeto mapa */

2009-04-14T10:12:12Z

Comentarios: el objeto mapa

Wiki-Equipo UNIGIS: /* PanZoomBar */

2009-04-14T10:10:23Z

PanZoomBar

Wiki-Equipo UNIGIS: /* LayerSwitcher */

2009-04-14T10:09:36Z

LayerSwitcher

Jsanz: /* Ejemplo en código */

2009-04-10T19:04:52Z

Ejemplo en código

Jsanz: /* la API */

2009-04-10T18:55:50Z

la API

Jsanz: corrected some typos and wording

2009-04-08T18:05:11Z

corrected some typos and wording

Wiki-Vehrka: /* Duración */

2009-03-24T17:17:35Z

Duración

Wiki-Ominiverdi: /* la API */

2009-02-27T16:48:29Z

la API

Wiki-Ominiverdi: /* Openlayers: las herramientas disponibles por defecto */

2009-02-27T11:38:18Z

Openlayers: las herramientas disponibles por defecto

← 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: las herramientas disponibles por defecto =		=OpenLayers: las herramientas disponibles por defecto =

@@ Line 158: / Line 158: @@
 ==Comentarios: el objeto mapa==
-En la creación del objeto mapa se añaden como segundo parámetro parámetro los Controles ("controls") y su valor es un array<ref>Definición de Array. http://es.wikipedia.org/wiki/Array</ref> que contiene todos los Controles que hemos visto antes.
+En la creación del objeto mapa se añaden como segundo parámetro los Controles ("controls") y su valor es un array<ref>Definición de Array. http://es.wikipedia.org/wiki/Array</ref> que contiene todos los Controles que hemos visto antes.
                          map = new OpenLayers.Map('map', {
@@ Line 175: / Line 175: @@
   			});
-En este caso sólo los Controles ''LayerSwitcher'' y ''Permalink'' tienen atributos pero mirando la API podemos descubrir todas las funciones que cada uno de estos objetos tienen y que podemos utilizar para personalizar nuestra web.
+En este caso sólo los Controles ''LayerSwitcher'' y ''Permalink'' tienen atributos pero mirando la API podemos descubrir todas las funciones que cada uno de estos objetos tienen y qué podemos utilizar para personalizar nuestra web.
 En la creación del objeto mapa, además de los controles se añaden como parámetros el identificador del objeto <tt>div</tt> en el que deberá dibujarse el mapa (en este caso el <tt>div</tt> tiene como identificador el valor <tt>map</tt> y por último el número de niveles de zoom que queremos tener.

@@ Line 29: / Line 29: @@
 Hay tres maneras para utilizar la ''zoom bar'':
-# Clic sobre los botones de + o - puestos a los extremos de la barra.
+# Clic sobre los botones de + o - puestos en los extremos de la barra.
 : el resultado será el aumento/disminución de un nivel de zoom
 # Clic en cualquier punto de la ''zoom bar''
@@ Line 37: / Line 37: @@
 |-
 | [[Image:Openlayers control OverviewMap.png|center]]
-−
+|
 ===OverviewMap===
 Crea una pequeño mapa de navegación. Este mapa enseña la posición del mapa principal y ofrece una herramienta más de navegación. Normalmente se posiciona en el ángulo inferior derecho y puede ser reducido con un clic en el botón que tiene en su borde. El rectángulo dibujado en este mapa puede ser movido para cambiar la posición del mapa principal.

@@ Line 19: / Line 19: @@
+|
 ===LayerSwitcher===
-El control para la gestión de la visibilidad de capas
+El control para la gestión de la visibilidad de capas.
 |-
 | [[Image:Openlayers control pan.png|center]]
 [[Image:Openlayers control zoom.png|center]]
-−
+|
 ===PanZoomBar===
 Crea una barra de zoom y un panel de navegación que contienen los botones de ''ZoomIn'' y ''ZoomOut'' a los extremos.

@@ Line 72: / Line 72: @@
 =Ejemplo en código=
-En el código que sigue tenemos un ejemplo sencillo de como se pueden integrar facilmente todos los Controls descriptos antes.
+En el código que sigue tenemos un ejemplo sencillo de cómo se pueden integrar fácilmente todos los controles descritos anteriormente.
-Lo podemos copiar y guardar en un fichero con recorrido:
+Lo podemos copiar y guardar en un fichero en la siguiente ubicación:
- C:\ms4w\apps\mapserv-demo\ol_controls.html
 *http://localhost:9000/mapserv-demo/ol_controls.html
-==el código==
+==El código fuente==
 <pre>
   <html xmlns="http://www.w3.org/1999/xhtml">
       <head>
-          <title>Ejemplo de utilizo de los Controls de Openlayers</title>
+          <title>Ejemplo de utilización de los Controles de OpenLayers</title>
   	<style type="text/css">
@@ Line 140: / Line 142: @@
      </head>
      <body onload="init()">
-         <h1>Ejemplo de utilizo de los Controls de Openlayers</h1>
+         <h1>Ejemplo de utilización de los controles de OpenLayers</h1>
          <p>
@@ Line 152: / Line 154: @@
 </pre>
-==comentarios==
+==Comentarios: el objeto mapa==
-===el objecto mapa===
-En la creación del objecto mapa se añaden el parámetro de los Controls ("controls") y su valor es un array <ref>Definición de Array. http://es.wikipedia.org/wiki/Array</ref> que contiene todos los Controls que hemos visto antes.
+En la creación del objeto mapa se añaden como segundo parámetro parámetro los Controles ("controls") y su valor es un array<ref>Definición de Array. http://es.wikipedia.org/wiki/Array</ref> que contiene todos los Controles que hemos visto antes.
                          map = new OpenLayers.Map('map', {
@@ Line 171: / Line 173: @@
   			});
-En este caso solo los Controls ''LayerSwitcher'' y ''Permalink'' tienen atributos pero mirando la API nos podemos enterar de todas las funciones que cada uno de estos objectos tienen y que podemos utilizar para personalizar nuestra web.
+En este caso sólo los Controles ''LayerSwitcher'' y ''Permalink'' tienen atributos pero mirando la API podemos descubrir todas las funciones que cada uno de estos objetos tienen y que podemos utilizar para personalizar nuestra web.
 =Links=

@@ Line 62: / Line 62: @@
 |}
-=la API=
+=La API=
-Los Objectos de la biblioteca de Openlayers están bien descritos, en inglés, en la documentación el linea disponible en el sitio web:
+Los Objetos de la biblioteca de OpenLayers están bien descritos, en inglés, en la documentación eN linea disponible en el sitio web:
 * http://dev.openlayers.org/releases/OpenLayers-2.6/doc/apidocs/files/OpenLayers-js.html
-Por cada clase hay una descripción detallada y se ofrece el listado de los atributos y funciones.
+Por cada clase hay una descripción detallada, ofreciéndose un listado completo de atributos y funciones de cada una de ellas. Cualquier desarrollador con cierta soltura en JavaScript podrá desarrollar aplicaciones de mapas en web con esta biblioteca de componentes sin mucho esfuerzo.
-[[Image:Openlayers API web.png|thumb|none|400px|La pagina web de las API de Openlayers]]
+[[Image:Openlayers API web.png|thumb|none|400px|Página web de la API de OpenLayers]]
 =Ejemplo en código=

@@ Line 4: / Line 4: @@
   ES: SIGUE SIENDO UN BORRADOR
-=Openlayers: las herramientas disponibles por defecto =
+=OpenLayers: las herramientas disponibles por defecto =
 Aquí presentamos las herramientas mas importantes que Openlayers nos ofrece.
-OpenLayers es principalmente una API <ref> Interfaz de programación de aplicaciones. Definición: http://es.wikipedia.org/wiki/API</ref>, una biblioteca de funciones, para manejar la navegación de mapas en la web y como tal no esta pensada para ofrecer una GUI <ref>Interfaz gráfica de usuario. Definición: http://es.wikipedia.org/wiki/GUI</ref>. Sin embargo nos proporciona también una cuantos objectos muy útiles para la interacción del usuario con el mapa<ref>Página oficial de ejemplo sobre los Controls. http://openlayers.org/dev/examples/controls.html</ref>.
+OpenLayers es principalmente una API<ref> Interfaz de programación de aplicaciones. Definición: http://es.wikipedia.org/wiki/API</ref>, una biblioteca de funciones para manejar la navegación de mapas en la web y como tal no está pensada para ofrecer una GUI<ref>Interfaz gráfica de usuario. Definición: http://es.wikipedia.org/wiki/GUI</ref>. Sin embargo nos proporciona también una cuantos objetos muy útiles para la interacción del usuario con el mapa<ref>Página oficial de ejemplo sobre los Controls. http://openlayers.org/dev/examples/controls.html</ref>.
-[[Image:Openlayers controls overview.png|thumb|none|400px|Una vista de todos los principale Controls de Openlayers]]
+[[Image:Openlayers controls overview.png|thumb|none|400px|Una vista de los principales controles de OpenLayers]]
@@ Line 19: / Line 19: @@
+|
 ===LayerSwitcher===
-El Control para la gestion de la visibilidad de capas
+El control para la gestión de la visibilidad de capas
 |-
 | [[Image:Openlayers control pan.png|center]]
@@ Line 25: / Line 25: @@
+|
 ===PanZoomBar===
-Crea una barra de zoom y un panel de navegación que contienen los botones de ZoomIn y ZoomOut a los extremos.
+Crea una barra de zoom y un panel de navegación que contienen los botones de ''ZoomIn'' y ''ZoomOut'' a los extremos.
-Hay tres maneras para utilizar la zoom bar:
+Hay tres maneras para utilizar la ''zoom bar'':
-# Click sobre los botones de + o - puestos a los extremos de la barra.
-: El resultado será el aumento/disminución de un nivel de zoom
+# Clic sobre los botones de + o - puestos a los extremos de la barra.
-# Click en cualquier punto de la zoom bar
+: el resultado será el aumento/disminución de un nivel de zoom
-: el slider se mueve en el zoom level mas cercano. la mapa se actualiza al nivel se zoom correspondiente.
+# Clic en cualquier punto de la ''zoom bar''
-# Usa el Drag&Drop para mover el cursor de la barra al nivel de zoom que prefieres
+: el desplazador (''slider'') se mueve al nivel de zoom más cercano. El mapa se actualiza al nivel de zoom correspondiente.
-: cuando se deja el botón del mouse, lo slider se posiciona al nivel de zoom mas cercano y la mapa se actualiza al nivel de zoom correspondente.
+# Desplazamiento del cursor a un nivel de zoom concreto
 |-
 | [[Image:Openlayers control OverviewMap.png|center]]
+|
 ===OverviewMap===
-Crea una pequeña mapa de navegación. Este pequeño mapa enseña la posición del mapa grande y ofrece una herramienta mas de navegación. Normalmente se posiciona en el angulo bajo a la derecha y puede ser reducido con un click en el botón en su borde. El rectangulo dibujado en la mapa pequeña puede ser movido para cambiar la posición del mapa grande.
+Crea una pequeño mapa de navegación. Este mapa enseña la posición del mapa principal y ofrece una herramienta más de navegación. Normalmente se posiciona en el ángulo inferior derecho y puede ser reducido con un clic en el botón que tiene en su borde. El rectángulo dibujado en este mapa puede ser movido para cambiar la posición del mapa principal.
 |-
@@ Line 43: / Line 44: @@
+|
 ===Permalink===
-Ofrece un enlace (permalink) al mapa. Esto permite poder guardar en un solo link el estado de la navegación del mapa y ponerlo como bookmark o enviarlo per e-mail a un colega.
+Ofrece un enlace (''permalink'') al mapa. Esto permite poder guardar en un simple enlace el estado de la navegación del mapa. Así, puedes guardarlo como favorito en tu navegador o enviarlo por correo a un colega.
 |-
 | [[Image:Openlayers control MouseToolbar.png|center]]
+|
 ===MouseToolbar===
-Es una simple toolbar que permite escojer como utilizar el raton entre navegación y zoom con ventana.
+Es una simple barra de herramientas que permite escoger cómo utilizar el ratón entre navegación y zoom con ventana.
 |-
 | [[Image:Openlayers control ScaleLine.png|center]]
+|
 ===ScaleLine===
-Enseña la escala corriente encima del mapa.
+Enseña una escala gráfica sobre el mapa.
 |-
 | [[Image:Openlayers control MousePosition.png|center]]

@@ Line 195: / Line 195: @@
 =Duración=
-Por esta clase se evalúa una duración de X oras
+Por esta clase se evalúa una duración de X horas
 [[Category:Education]]
 [[Category:Cursos]]

← Older revision		Revision as of 16:48, 27 February 2009
Line 69:		Line 69:


−	[[Image:Openlayers API web.png\|thumb\|none\|400px\|La pagina web de la API di Openlayers]]	+	[[Image:Openlayers API web.png\|thumb\|none\|400px\|La pagina web de las API de Openlayers]]

	=Ejemplo en código=		=Ejemplo en código=