Curso OpenLayers

Introducción a OpenLayers

Xeoinquedos organiza:

Curso de introducción a OpenLayers OpenLayers

20 de Mayo de 2011

Lugar: ETS de Camiños, Canais e Portos – Universidade de A Coruña, Camus de E!viña


Qué vamos a ver ➔

Introducción a la librería ➔

Añadiendo capas ➔

➔

Controles

Interacción con el servidor (a través de estándares OGC)





➔

Controles






➔

Controles


Introducción a la librería

•

¿Qué es? •

ra!e"or# GI$ desarrollado en %ava$cript para la creación de !apas "eb diná!icos


•

¿Qué puedo &acer con él? •

Crear !apas interac'vos


•


isualiar in*or!ación espacial + ,eo,rá-ca


•


Incluir . superponer dis'ntos 'pos de capas


•


/ditar in*or!ación espacial + ,eo,rá-ca


•


Interactuar con servicios GI$ e0ternos


•

¿Có!o lo &ace? •

Ar1uitectura !odular –

Capas

2

34$5 ector5 6475 Goo,le5 irtual/art&5 I!a,es888

–

Geo!etrías

2

9oint5 9ol.,on5 7inear:in,888

–

Controles

2

;oo!5 9an5 4easure5 4odi*.888

–

or!atos

2

34$5 3$5 O$45 6475 Geo%$O<5 Geo:$$888

–

9rotocolos

2

=>>95 $O$5 3$5 $Q7888


•

4ás888 •

Creado en @@ por 4etacarta

•

7icencia es'lo B$ ( htp://svn.openlayers.org/runk/openlayers/license.x )

•

Actual!ente en la versión 8D@ (en breve la 8DD)

•

>rabaEando .a en la versión F8@


•

¿ónde encuentro docu!entación . eEe!plos? •

htp://docs.openlayers.org/ •

•

=o!e de la docu!entación de Open7a.ers

htp://openlayers.org/dev/examples/ •

4ul'tud de eEe!plos de casi todo lo 1ue puede &acer


•

¿ónde encuentro docu!entación . eEe!plos? •

htp://rac.osgeo.org/openlayers/wiki •

•

3i#i con eEe!plos5 docu!entación5 A9I docs888

7istas de correo (!u. ac'vas) •

htp://liss.osgeo.org/mailman/lisnfo/openlayersusers

•

htp://liss.osgeo.org/mailman/lisnfo/openlayersdev

Introducción a la librería ¡Hola Mundo! •

•

a!os a &acer esto

Hn !apa nave,able con una capa si!ple 34$5 obtenida de un servidor e0terno ( osgeo.org)


¿Qué es 34$?

•

34$  3eb 4ap $ervice

•

9rotocolo estándar OGC 1ue per!ite servir . consu!ir !apas

•

I!ple!entado por casi toda aplicación GI$

•

9or supuesto5 ta!bién por Open7a.ers


9ara &acerlo necesito •

/ditor de te0to

•

7ibrería Open7a.ers J F opciones •

•

escar,ar la versión estable –

htp://openlayers.org/download/!pen"ayers#.$%.ar.gz

–

htp://openlayers.org/download/!pen"ayers#.$%.zip

escar,ar la versión runk del repositorio $ubversion –

•

svn checkou htp://svn.openlayers.org/runk/openlayers/

H'liar la hosed version5 pero car,as contra el servidor de openla.ers8or,888


H'liare!os la versión runk •

•

•

/s la Kl'!a5 con todas las !eEoras añadidas tras la publicación de la versión 8D@ estable $oluciona un bu, aparecido con ire*o0 L al u'liar Open7a.ers en !odo de&ug (se co!enta !ás adelante) A día de &o.5 es prác'ca!ente i,ual a la *utura 8DD


9ara verlo necesito •

Cual1uier nave,ador "eb

Introducción a la librería ¡Hola Mundo! 9asos D8/n la carpeta pKblicaM crear carpeta N curso-openlayers/” 8esco!pri!ir la librería . •

copiar la carpeta “openlayers/” dentro de la carpeta creada

F8Crear el arc&ivo Ncursoopenla.ers+ curso-"tmlP L8A picar códi,oR ' : (&unu: /var/www )*+,+*+,X*+,: -01023!+/hdocs


9asos •

Crear estructura del =>47 •

/stablecer di!ensiones del !apa

•

/nlaar la librería

•

Crear el !apa •

Añadirle capas

•

Añadir controles

•

/stablecer centro . nivel de oo!

Introducción a la librería ¡Hola Mundo! 9ar'!os de una pá,ina base
Introducción a la librería ¡Hola Mundo! Inclui!os la librería . crea!os el !apa . las capas "htt%&//2ma%0.tl.#(#.#r(/'m/2ma%0"> =lar& ?:a4?@ 5 ma%.a++Lar;layer 5 ma%.tCtr;' O%Lar.L#Lat;-7> A.7> 75 @
Introducción a la librería ¡Hola Mundo! ¿Qué esta!os &aciendo? <4r%t t%"t*t/8a2a4r%t" r4"#%lar/l:/O%Lar.8",
/nlaa!os la librería descar,ada •

 opciones ➔

Hn sólo -c&ero ➔

➔

para producción

Incluir O%Lar-.10/O%Lar.8

7ibrería desple,ada ➔

S S

para desarrollo (4ire&ug5)

Incluir O%Lar-.10/l:/O%Lar.8

Introducción a la librería ¡Hola Mundo! OEoR ➔

➔

7a versión desple,ada car,a todos los arc&ivos de Open7a.ers por separado (bueno para de&ug)

$ólo ellos

depuran con en !odo single6le

Introducción a la librería ¡Hola Mundo! ●

$i u'lias ire*o0 L888  ●

7a versión 8D@ estable 'ene un bu, con ire*o0 L –

●

/n !odo depuración5 car,ando todos los arc&ivos5 no los car,a bien

$olución ●

H'liar la versión runk svn checkou htp://svn.openlayers.org/runk/openlayers/ –

7os eEe!plos dados para este curso u'lian esta versión

Introducción a la librería ¡Hola Mundo! Crea!os una *unción ini78 a la 1ue lla!are!os al car,ar la pá,ina <4r%t t%"t*t/8a2a4r%t", 2ar ma%5 64t# init ; = .............. @
/n ella !ete!os el códi,o de inicialiación del !apa •

7a variable !ap se crea en el scope ,lobal (S de&ug)

Introducción a la librería ¡Hola Mundo! Crea!os el obEeto Open7a.ers84ap map  ' O%Lar.Ma%; 'map' 5 •

/s el obEeto NcentralP de Open7a.ers

•

arias versiones del constructor •

•

/n esta se le pasa el id del TdivU 1ue contendrá el !apa Open7a.ers se encar,a de renderiar el !apa en él


Clase !pen"ayers.+ap ●

●

●

/s la clase *unda!ental de Open7a.ers5 representa el !apa Con'ene las capas5 los controles5 la con-,uración de visualiación888 9uede &aber varios por pá,ina

Introducción a la librería ¡Hola Mundo! Crea!os una capa 34$ (obEeto 1ue e0'ende de Open7a.ers87a.er) 2ar layer  ' O%Lar.Lar.WM9; "O%Lar WM9"> "htt%&//2ma%0.tl.#(#.#r(/'m/2ma%0"> =lar& ?:a4?@ 5

9ará!etros S 9!pen"ayers )+

•

name no!bre arbitrario 1ue le da!os a la capa

•

url H:7 del servicio 34$

•

params pará!etros para la pe'ción 34$ S ;layers: <&asic<=

•

op#ons opciones para la capa (en este eEe!plo no lo usa!os)

S Nhtp://vmap%.les.osgeo.org/wms/vmapP


%erar1uía de clases !pen"ayers."ayer ●

:epresentan las dis'ntas capas 1ue se pueden añadir a un !apa –

34$5 3$5 34>$5 ector5 G475 6475 Geo:$$5 Goo,le5 O$45 Va&oo5 irtual/art& (Bin,)888

●

7a con-,uración depende del 'po de capa

●

%erar1uía e0tensible

Introducción a la librería ¡Hola Mundo! >ene!os 1ue añadir la capa al !apa . de-nir la ona 1ue va!os a visualiar ma%.a++Lar;layer 5 ma%.tCtr;' O%Lar.L#Lat;-7> A.7> 75 •

/l !étodo Open7a.ers84ap8setCenter() recibe el punto central . el nivel de oo! •

oo!  @ S S se se visualia todo el exen del !apa

•

7a clase !pen"ayers."on"a representa pares la'tud5 lon,itud

•

Con esto5 Open7a.ers 'ene su-ciente para saber có!o dibuEar el !apa

Introducción a la librería ¡Hola Mundo! 9or Kl'!o5 lla!a!os al !étodo al car,ar la pá,ina <:#+ #l#a+"init()", ...............
/l !étodo se eEecuta al lanarse el evento onload 5 cosa 1ue ocurre tras car,ar la pá,ina ➔

Introducción a la librería ¡Hola Mundo! $ólo *alta de-nir las di!ensiones de nuestro !apa888  #map { width: 600px; heiht: !00px; rder: $px slid; %

V listoR Accede a &Wp++local&ost+cursoopenla.ers+cursoD8&t!l (o e1uivalente se,Kn la instalación del servidor "eb)




$%adiendo capas ➔

➔

Controles


Añadiendo capas &apas de 'oo(le ●

Goo,le 4aps o*rece su propio A9I ●

●

htp://code.google.com/inl/es/apis/maps/documenaon/>avascrip/

$in e!bar,o ●

●

●

$u licencia5 aun1ue per!isiva5 restrin,e su uso

Ade!ás5 podrás superponer las capas 1ue 1uieras

Añadiendo capas &apas de 'oo(le

●

●

Open7a.ers inclu.e un 'po especial de capa para ver las capas pKblicas de Goo,le

!pen"ayers."ayer.?oogle . !pen"ayers."ayer.?oogle.v@ ●

ado 1ue la versión 8X del A9I de Goo,le 4aps está deprecada u'liare!os la vF


9ar'!os del -c&ero curso-2.html ●

9ri!ero &a. 1ue i!portar el A9I de Goo,le 4aps

<4r%t t%"t*t/8a2a4r%t" r4"#%lar/l:/O%Lar.8",
●

Con el A9I v &acía *alta un A9I 6e.5 a&ora .a no


Crea!os las capas5 i,ual 1ue en el pri!er eEe!plo5 . las añadi!os al !apa 2ar 64a  ' O%Lar.Lar.##(l; "##(l FG4a"> =t%& (##(l.ma%.Ma%T%I+.TE))I$@ 5 2ar ma%a  ' O%Lar.Lar.##(l; "##(l Ma%a"> =m##mL2l& 0@ 5 2ar h:r+a  ' O%Lar.Lar.##(l; "##(l HG:r+a"> =t%& (##(l.ma%.Ma%T%I+.HYB)ID> m##mL2l& 0@ 5 2ar atlt  ' O%Lar.Lar.##(l; "##(l 9atJlt"> =t%& (##(l.ma%.Ma%T%I+.9TELLITE> m##mL2l& @ 5 ma%.a++Lar;K64a> ma%a> h:r+a> atlt5


íEate ●

●

Añadi!os las capas todas a la ve5 !ediante el !étodo addLayers() de la clase !pen"ayers.+ap :ecibe co!o pará!etro un arra. de capas –

●

A di*erencia del !étodo addLayer() 1ue recibe una capa

/l orden en 1ue se añaden es el orden en 1ue están contenidas en el arra. –

I!portante en cuanto a la superposición de capas (zindex )


/l constructor recibe los pará!etros ●

name no!bre arbitrario 1ue le da!os a la capa

●

op#ons opciones para la capa de Goo,le –

–

S 9?oogle 4isicaA ...

$on 'pos de-nidos por el A9I de Goo,le 4aps

$e le puede indicar el nK!ero de niveles de oo! a cada capa


9ara establecer el centro del !apa5 tene!os 1ue tener en cuenta 1ue la proyección de las capas de 'oo(le es dis#nta a la del primer e)emplo* ya no usa la#tud/lon(itud en (rados ●

>odo !apa . toda capa 'enen una pro.ección

●

>oda pro.ección 'ene un iden'-cador

●

Indica có!o se proyeca la in*or!ación espacial (F) en el !apa ()

●

$i no se indica nada5 Open7a.ers u'liará la /9$GLFY

●


7as capas de Goo,le5 así co!o las de Va&oo5 Bin,5 . otros5 están en la pro.ección conocida co!o $p&erical 4ercator ●

>a!bién se conoce co!o /9$GZ@@ZDF (aun1ue no!bre el o-cial es /9$GF[\) –

●

●

)B45E "a explicaciFn es sencilla: G%%G$@ H ?!!?"A y se uliza porque se llamF asI exrao6cialmene primero

Al contrario 1ue otras5 trata la >ierra co!o una es*era5 no co!o un elipsoide $i se u'lia al,una capa en esta pro.ección5 los ele!entos (S capas) 1ue se superpon,an &an de estar en esa pro.ección (o repro.ectados a ella)


/n tér!inos prác'cos ●

=a. 1ue reproyecar el centro 1ue se le pasa al !apa –

●

aldría pasárselo .a en la pro.ección de Goo,le5 pero no es &abitual !aneEar la in*or!ación ,eo,rá-ca en esa pro.ección

¿Có!o? –

Open7a.ers inclu.e !étodos para repro.ectar datos vectoriales (nunca r+ster! ) entre las pro.ecciones !ás &abituales ●

9ara otras5 se puede inte,rar *ácil!ente la librería proELEs (&Wp++proELEs8or,+)


/l estableci!iento del centro del !apa 1ueda así ma%.tCtr;' O%Lar.L#Lat;-7> A.7&trans,rm; ' O%Lar.Pr#84t#;"EP9&A3"> map&et-rectin.ect() > 75

●

●

/l !étodo ransform78 de la clase 7on7at recibe  pará!etros ●

7a pro.ección Nori,inalP

●

7a pro.ección Ndes'noP

/l !étodo map.ge,ro>econ!&>ec78 devolverá la pro.ección /9$GZ@@ZDF (pruébalo en el irebu,R)


9or Kl'!o5 para poder ca!biar de capas5 añadi!os el control ma%.a++C#tr#l;' O%Lar.C#tr#l.Lar9't4hr;5

●

7os controles e0'enden la Eerar1uía !pen"ayers.Jonrol

●

=a. !uc&os prede-nidos5 entre ellos éste5 el "ayerwicher 

●

●

Co!o su no!bre indica5 crea un selector de clases

●

ere!os al,unos otros !ás adelante

íEate có!o los controles5 al i,ual 1ue las capas5 las ,es'ona el obEeto !pen"ayers.+ap


/l resultado (en htp://localhos/cursoopenlayers/curso#.hml )

Añadiendo capas &apas de ,in( .irtualart"0 •

Al i,ual 1ue Goo,le5 Bin, proporciona un A9I para trabaEar con !apas ➔

•

htp://www.microsoK.com/maps/developers/

9resenta ta!bién los !is!os inconvenientes •

Códi,o cerrado

•

A9I !enos !adura 1ue la de Goo,le •

•

V 1ue la de Open7a.ers

>a!bién se pueden incluir capas de Bin, con Open7a.ersR


e nuevo5 &are!os un eEe!plo sencillo


9ar'!os del códi,o proporcionado por el -c&ero curso-3.html •

•

Idén'co al del eEercicio anterior

Co!o en el eEe!plo de Goo,le5 tene!os 1ue i!portar el A9I de Bin, 4aps

<script src=" http://ecn&de&irtalearth&net/mapcntrl/mapcntrl&ashx=6&+m1t=en2s "> <4r%t t%"t*t/8a2a4r%t" r4"#%lar/l:/O%Lar.8",

7a *or!a de crear las capas es idén'ca a la de las capas de Goo,le 2ar ma%a  ' O%Lar.Lar.NrtalEarth;"Ma%a"> = t%& NEMa%9tl.9ha++ @5 2ar h:r+a  ' O%Lar.Lar.NrtalEarth;"HG:r+a"> = t%& NEMa%9tl.H:r+ @5 2ar ara  ' O%Lar.Lar.NrtalEarth;"Jra"> = t%& NEMa%9tl.ral @5 ma%.a++Lar;Kma%a> h:r+a> ara5

•

7os 'pos de capa5 de nuevo5 los de-ne la librería e0terna (Bin, 4aps)


9or Kl'!o5 añadi!os el "ayerwicher . centra!os el !apa ma%.tCtr;' O%Lar.L#Lat;-7> A.7> 75 ma%.a++C#tr#l;' O%Lar.C#tr#l.Lar9't4hr;5


íEate 1ue el centro lo establece!os en la'tud + lon,itud •

➔

7os !apas de Bin, se car,an en /9$GLFY5 a no ser 1ue se indi1ue lo contrario =abría 1ue indicarlo en las opciones de las capas 2ar ma%a  ' O%Lar.Lar.NrtalEarth;"Ma%a"> = t%& NEMa%9tl.9ha++> spherical3ercatr: tre @5

•

/n ese caso &abría 1ue trans*or!ar las coordenadas i,ual 1ue &ici!os con las capas de Goo,le

Añadiendo capas &apas de 1pen2treetMap •

¿Qué es Open$treet4ap?


¿Qué es Open$treet4ap? ●

htp://www.opensreemap.org/ :

9s un mapa li&remene edia&le por odo el mundo. sL hecho por personas como used.

•

Ade!ás de tener una inter*a propia en la "eb5 publica sus capas para 1ue cual1uiera pueda !ostrarlas . verlas (. de &ec&o editarlas)


•

•

Open7a.ers incorpora un 'po de capa especí-co para O$4 9ara este eEe!plo par'!os del códi,o proporcionado en el -c&ero curso-4.html 8 Añadi!os si!ple!ente lo si,uiente lar  ' O%Lar.Lar.O9M; "9m%l O9M Ma%"5 ma%.a++Lar;lar5 ma%.tCtr;' O%Lar.L#Lat;-7> A.7.tra6#rm; ' O%Lar.Pr#84t#;"EP9&A3"> ma%.(tPr#84t#O:84t; > 75


íEate •

•

/l resultado

Añadiendo capas &apas 342 •

3$ 3eb eature $ervice •

•

/stándar OGC 9er!ite recuperar las propias ,eo!etrías . los atributos de las en'dades en'dad 2 feaure

•

Open7a.ers incorpora un 'po de capa especial5 pero está deprecada •

7o !eEor es u'liar una capa ector con un protocolo 3$


arias cosas a tener en cuenta en este eEe!plo

5ecesidad de un pro6y •

/l *unciona!iento de Open7a.ers es el si,uiente D8 /l nave,ador car,a el &t!l

Añadiendo capas &apas 342 8 Open7a.ers dibuEa el !apa . car,a las capas

888

=asta a&ora5 el nave,ador (a través de Open7a.ers) sólo pidió im+(enes a servidores e0ternos •

Al realiar pe'ciones X+"3BB,0equess5 las restricciones del nave,ador sólo deEan &acerlo al !is!o servidorpuerto de la pá,ina

Añadiendo capas &apas 342 ¿Có!o &ace!os entonces para pedir feaures (,eo!etrías ] propiedades  X475 G475 te0to888)? ➔

•

A través de un proxy en la !á1uina 1ue sirve la pá,ina 1ue con'ene el !apa de Open7a.ers Open7a.ers8or, proporciona un pro0. CGI escrito en Python htp://rac.osgeo.org/openlayers/&rowser/runk/openlayers/examples/proxy.cgiEformaMx

•

Instalarlo en el servidor "eb ➔

Instrucciones htp://rac.osgeo.org/openlayers/wiki/4requenly*skedNuesonsO,roxy3os

Añadiendo capas &apas 342 >odavía *alta una cosa888 •

¿Có!o sabe Open7a.ers dónde está el pro0.? ●

●

/stableciendo la variable OpenLayers.ProxyHost a la ruta rela'va al pro0. A par'r de a&í5 cual1uier pe'ción ,es'onada por Open7a.ers suscep'ble de necesitar pasar por un pro0. lo &ará correcta!ente

Añadiendo capas &apas 342 Al ,rano8 •

9ar're!os del códi,o de curso-5.html 8

•

Co!o diEi!os5 lo pri!ero es establecer dónde está nuestro pro0. ●

/n Hbuntu5 3indo"s con XA499 . 4ac con 4A49 está en "/cg!n/proxy.cgurl#" <4r%t t%"t*t/8a2a4r%t", 2ar ma%5 O%Lar.Pr#*H#t  "/4(-:/%r#*.4(rl"5 64t# t; = ....


ado 1ue nuestra capa 3$ sólo con'ene feaures de los //HH5 va!os a crear una capa base 34$ pri!ero 2ar :a  ' O%Lar.Lar.WM9;"Ca%a :a"> "htt%&//tl4a4h.#(#.#r(/'m-4/Ba4.%"> =lar& ":a4"@ 5 ma%.a++Lar;:a5

•

Así conse,ui!os una i!a,en de *ondo de re*erencia


Crea!os la capa 3$5 a la cual le pasa!os al,unas opciones nuevas 1ue e0plica!os a con'nuación 2ar '6  ' O%Lar.Lar.N4t#r;"Ca%a WF9"> = trat(& K' O%Lar.9trat(.F*+;> %r#t#4#l& ' O%Lar.Pr#t#4#l.WF9;= rl& "htt%&//+m#.#%(#.#r(/(#r2r/'6"> 6atrT%& "tat"> 6atr$9& "htt%&//'''.#%%la.#r(/t#%%" @ @5 ma%.a++Lar;'65


•

íEate •

7a capa es en realidad una capa 1ecor

•

/l 1ue sea 3$5 6475 G475 etc8 lo establece el protocolo

/sto se debe a una decisión de diseño 1ue to!aron los desarrolladores de la librería •

/l nK!ero de capas au!enta constante!ente

•

4uc&as co!parten la naturale7a vectorial

➔

impli6caciFn de la li&rerIa


7a estrate,ia •

Indica a Open7a.ers có!o solicitar las feaures •

•

Al u'liar la estrate,ia 4ixed 5 Open7a.ers pedirá todas las *eatures e0istentes sólo una ve $i u'liáse!os la estrate,ia PP!X 5 Open7a.ers solicitaría feaures dentro del !arco 1ue se está visualiando •

/n este eEe!plo es asu!ible u'liar 4ixed por1ue •

•

$on pocas feaures $o!os !uc&os a la ve ) (!enos pe'ciones)

Añadiendo capas &apas 342 ●

/0isten otras (4ixedA 4ilerA 0efreshA ave...8

●

Co!binables

●

Al,unas sirven para otras cosas –

ave per!ite ,uardar ca!bios en el servidor

–

0efresh per!ite recar,ar !anual!ente o por intervalos las feaures

–

...


/l protocolo 3$ %r#t#4#l& ' O%Lar.Pr#t#4#l.WF9;= rl& "htt%&//+m#.#%(#.#r(/(#r2r/'6"> 6atrT%& "tat"> 6atr$9& "htt%&//'''.#%%la.#r(/t#%%" @ ...

●

:ecibe pará!etros parecidos a los 1ue recibe una capa 34$


●

●

●

url la H:7 del servicio 3$

S

"htt%&//+m#.#%(#.#r(/(#r2r/'6"

*eature>.pe el 'po de feaure (e1uivalente a la capa concreta en las capas 34$) S "tat" *eature<$ el namespace del 'po de feaure (cada 'po de feaure se de-ne en un espacio de no!bres) S "htt%&//'''.#%%la.#r(/t#%%" Con esto5 Open7a.ers 'ene su-ciente para pedir . dibuEar la capa


9or Kl'!o5 establece!os el viewpor . añadi!os el selector de capas ma%.##mT#E*tt;' O%Lar.B#+;-1A0.A> Q.1> -AA.A> Q0.Q5 ma%.a++C#tr#l;' O%Lar.C#tr#l.Lar9't4hr;5

●

íEate ●

A&ora5 en lu,ar de establecer el centro5 de-ni!os directa!ente el ca!po de visión con el !étodo $oom%o&xtent() –

:ecibe co!o pará!etro un obEeto !pen"ayers.Pounds5 1ue de-ne un rectán,ulo a través de minxA minyA maxxA maxy


/l resultado


íEate ●

●

●

7a pe'ción (!ira el irebu,R) no recibe una i!a,en co!o con las capas 34$5 recibe un X47 con las ,eo!etrías /s Open7a.ers 1uien renderia al vuelo la i!a,en a par'r de los datos /l es'lo u'liado es el 1ue viene por de*ecto5 pero se puede con-,urar





➔

&ontroles


Controles Introducción a los &ontroles 4u. bonito Xur0o5 pero888 ¿a&ora 1ué? ●

Controles per!iten interactuar con el !apa 8 ➢

●

/0'enden a la clase Open7a.ers8Control

9aneles a,re,ación de controles8 ➢

/0'enden a la clase Open7a.ers89anel

Controles Introducción a los &ontroles ●

¿Quién puso eso a&í?

Controles Introducción a los &ontroles ●

Por defecto, si no se añade explícitamente ningún control al mapa, ste se iniciali!a con " controles# ●

●

●

●

OpenLayers$Control$ArgParser # OpenLayers$Control$ArgParser # # Lee los par%metros de la &'L y actuali!a el mapa$ Open7a.ers8Control8AWribu'on  !uestra las atribuciones de los !apas consultados (propiedad ^aWribu'on^ de Open7a.ers87a.er)8 Open7a.ers8Control89an;oo!  a,re,ación de dos controles 9an9anel . ;oo!9anel8 Open7a.ers8Control8
Controles 1tros controles prede8nidos ●

Open7a.ers8Control86e.boarde*aults  para nave,ar por el !apa !ediante !ediante el teclado (_ec&as5 (_ec&as5 ]+5888)

●

Open7a.ers8Control89an;oo!Bar  dibuEa una barra de oo! 1ue per!ite per!ite acercar . aleEar aleEar el !apa8

●

Open7a.ers8Control89an9anel  dibuEa unos botones dentro dentro del visor para desplaar desplaar el !apa8

●

Open7a.ers8Control8;oo!9anel  a,re,ación de los los tres controles controles 1ue ,es'onan ,es'onan el nivel nivel de oo!  Open7a.ers8Control8;oo!In5 Open7a.ers8Control8;oo!In5 Open7a.ers8Control8;oo!>o4a0/0t Open7a.ers8Control8;oo!>o4a0/0tent5 ent5 Open7a.ers8Control8;oo!Out8 Open7a.ers8Control8;oo!Out8

●

Open7a.ers8Control89er!alin#  crea un enlace a la visualiación visualiación actual del !apa8

●

Open7a.ers8Control84ouse9osi'on  indica la posición del cursor cursor en el !apa8 !apa8

●

Open7a.ers8Control8Overvie"4ap  !apa de re*erencia en en la es1uina in*erior derec&a derec&a del !apa8

●

Open7a.ers8Control87a.er$"itc&er  per!ite ver la le.enda del !apa5 !apa5 !ostrando las capas disponibles disponibles . per!i'endo ele,ir las 1ue se desean visualiar8

●

Open7a.ers8Control84easure  per!ite !edir !edir tanto distancias co!o co!o áreas dentro del visor8 visor8

●

888

Controles )emplo  Añadi!os !ás controles al visor 64t# t; = 2ar ma%  ' O%Lar.Ma%; ?ma%? > = cntrls: cntrls: 45 @5 @5 R // CO$T)OLE9 ma%.a++C#tr#l;' O%Lar.C#tr#l.$a2(at#;5 ma%.a++C#tr#l;' O%Lar.C#tr#l.ttr:t#;5 ma%.a++C#tr#l;' O%Lar.C#tr#l.Pa##mBar;5 ma%.a++C#tr#l;' O%Lar.C#tr#l.Lar9't4hr;=?a4+(?&6al@5 ma%.a++C#tr#l;' O%Lar.C#tr#l.r(Parr;5 ma%.a++C#tr#l;' O%Lar.C#tr#l.PrmalS;5 ma%.a++C#tr#l;' O%Lar.C#tr#l.M#P#t#;5 ma%.a++C#tr#l;' O%Lar.C#tr#l.O2r2'Ma%;5 ma%.a++C#tr#l;' O%Lar.C#tr#l.:#ar+D6alt;5 ma%.a++C#tr#l;' O%Lar.C#tr#l.94alL;5 R @

Controles )emplo  ●

( a )ugar***

Controles &ontroles de edición ●

+stos controles tienen ue tener asociada una capa -ectorial . OpenLayers$Layer$/ector 0 sobre la ue se dibu)ar%n los elementos$ ●

OpenLayers$Control$1ra23eature # permite dibu)ar polígonos, líneas o puntos$

●

OpenLayers$Control$4odify3eature # permite modificar elementos$

●

●

●

OpenLayers$Control$5elect3eature # permite seleccionar elementos 6aciendo clic7 sobre ellos$ OpenLayers$Control$8ransform3eature # permite aplicar transformaciones a elementos OpenLayers$Control$+diting8oolbar # panel ue incorpora los controles de dibu)ar polígonos, líneas, puntos y na-egación$

Controles )emplo 9 Añadi!os controles de edición 64t# t; = R 2ar 24t#rlar  ' O%Lar.Lar.N4t#r; "E+ta:l" 5 ... 2ar +t%al  ' .penayers&7ntrl&8ditin9lar ;24t#rlar5 ma%.a++C#tr#l;+t%al5 R @

Controles )emplo 9 Añadi!os un nuevo control al toolbar 64t# t; = R 2ar 24t#rlar  ' O%Lar.Lar.N4t#r; "E+ta:l" 5 ... 2ar +t%al  ' O%Lar.C#tr#l.E+t(T##l:ar;24t#rlar5 2ar m#+66atr4trl  ' .penayers&7ntrl&3di,yeatre ;24t#rlar> = ttl& "M#+6 Fatr"> +%laCla& "#lC#tr#lM#+6Fatr" @5 +t%al.a++C#tr#l;m#+66atr4trl5 ma%.a++C#tr#l;+t%al5 R @

Controles )emplo 9 ●

( a )ugar again***

Controles :e8niendo nuestros propios controles ●

+xtender la clase OpenLayers$Control o cualuiera de las clases de los controles predefinidos$ O%Lar.C#tr#l.MC#tr#l  O%Lar.Cla;O%Lar.C#tr#l> = R @

Controles )emplo ; Control para borrar ele!entos O%Lar.C#tr#l.DltFatr  O%Lar.Cla;O%Lar.C#tr#l> = tal& 64t#;lar> #%t# = O%Lar.C#tr#l.%r#t#t%.tal.a%%l;th> K#%t#5 th.lar  lar5 th.ha+lr  ' O%Lar.Ha+lr.Fatr; th> lar> =4l4S& th.4l4SFatr@ 5 @> 4l4SFatr& 64t#;6atr = th.lar.+tr#Fatr;K6atr5 @>

CL99$ME& "O%Lar.C#tr#l.DltFatr" @5





➔

Controles

Interacción con el servidor a través de est+ndares 1'&0

Interacción con el ser-idor 1'& ●

Open Geospacial Consor'u!8 ●

Or,aniación estandariadora (DZZL)8

●

Internacional8

●

$in áni!o de lucro8

●

●

9ersi,ue5 sobre todo5 la interoperabilidad de los di*erentes siste!as GI$ ]L@@ !ie!bros8 &Wp++"""8open,eospa'al8or,+

Interacción con el ser-idor st+ndares 1'& ●

?+" 7?eography +arkup "anguage8: ●

●

Q+" 7Qeyhole +arkup "anguage8: ●

●

X47 para representar in*or!ación ,eo,rá-ca8

X47 para representar datos ,eo,rá-cos en F8

)+ 7)e& +ap erver8: ●

Inter*a para publicar !apas de in*or!ación ,eore*erenciadas (i!á,enes)8

Interacción con el ser-idor st+ndares 1'& ●

)4 7)e& 4eaure ervice8: ●

●

)J 7)e& Joverage ervice8: ●

●

Inter*a para publicar coberturas8

! 7ensor !&servaon ervice8: ●

●

Inter*a para publicar in*or!ación ,eoespacial a través de la "eb (G47 sobre =>>9)8

888

e-ne el !odo de acceso a los sensores a través de la "eb8

Interacción con el ser-idor 342 ●

OGC 3eb eature $ervice I!ple!enta'on $peci-ca'on

●

9e'ciones 3$ ●

GetCapabili'es ➢

●

escribeeature>.pe ➢

●

>emplo

>emplo

Geteature ➢

>emplo

Interacción con el ser-idor )emplo < 342 'et4eature 64t# t; = R (tFatr4#tr#l  ' .penayers&7ntrl&eteatre;= %r#t#4#l& O%Lar.Pr#t#4#l.WF9.6r#mWM9Lar;'mlar> :#*& tr> h#2r& 6al> mlt%l& "h6t"> t#((l& "4trl" @5 (tFatr4#tr#l.2t.r(tr;" ,eatreselected"> th> 64t#; = l4tlar.a++Fatr;K.6atr5 m#+64#tr#l.+a4t2at;5 @5 (tFatr4#tr#l.2t.r(tr;" ,eatrenselected"> th> 64t#; = l4tlar.rm#2Fatr;K.6atr5 @5 ma%.a++C#tr#l;(tFatr4#tr#l5 (tFatr4#tr#l.a4t2at;5 R @

Interacción con el ser-idor )emplo < 342 'et4eature ●

V a ca!biar el !undoR

Interacción con el ser-idor 342-= ●

9er!ite ca!biar la in*or!ación en el servidor8

●

/Ee!plo con Open7a.ers &Wp++openla.ers8or,+dev+e0a!ples+"*sprotocoltransac'ons8&t!l

Interacción con el ser-idor 3M2 ●

OGC 3eb 4ap $ervice I!ple!enta'on $peci-ca'on

●

9e'ciones 34$ ●

GetCapabili'es ➢

●

escribe7a.er ➢

●

>emplo

Get4ap ➢

●

>emplo

>emplo

GeteatureIn*o ➢

>emplo

Interacción con el ser-idor )emplo 9< 3M2 'et4eatureIn>o 64t# t; = R 6#  ' .penayers&7ntrl&3eteatren,;= rl& ?htt%&//2.t.#%(#.#r(/(#r2r/#'?> ttl& ?I+t6 6atr : 4l4S(?> rN:l& tr> 2tLtr& = (t6atr6#& 64t#;2t = 6 ;%#%% ! +6+ = ma%.rm#2P#%%;%#%%5 @ %#%%  ' O%Lar.P#%%.Fram+Cl#+; "4h4S"> ma%.(tL#LatFr#mP*l;2t.*> ' O%Lar.9;Q0>Q0> 2t.t*t> ll> tr 5 ma%.a++P#%%;%#%%5 @ @ @5 ma%.a++C#tr#l;6#5 6#.a4t2at;5 R @

Interacción con el ser-idor )emplo 9< 3M2 'et4eatureIn>o ●

V consultando888


Gracias por asistir a este curso Gracias

Te "uedaste geoinquieto###$

%


?ermanece conectado

Xeoinquedos &tt:''(eoin"uedos#)ordress#*om &tt:'')i+i#osgeo#org')i+i'eoin"uietos-.ona-/orte # 9xeoinuedos

%


?ermanece conectado

OSGeo-ES Capítulo Local de la comunidad hispanohablante del OSGeo

.&tt:'')i+i#osgeo#org')i+i'Catu!o-Lo*a!-de-!a-*omunidad-&isano&a!ante0 # 9osgeoes

%


'racias a

Francisco u!a : 3uga

Micho García : mi*&ogar


I4PA'8I1O PO'#

:racia 3ern%nde! Lópe! gra*ia3de45gmai!#*om

;urxo 4nde! Pre!

: son(ur(o &tt:''!og#son(ur(o#*om son(ur(o5gmai!#*om

Curso OpenLayers

Recommend Documents