Instalacion de Servicio de Mapas en Web Win Xp 2015

8/20/2019 Instalacion de Servicio de Mapas en Web Win Xp 2015

1/46

INSTALACION DE SERVICIO DE MAPAS WEB.

1.- Instalar Java Development Kit desde el archivo jdk-6u13-javafx-1_1_1-indos-i!"6.exe#

$a instalaci%n pre&unta si se va a instalar Java'DK( a lo )ue se contesta )ue s*#

Despu+s de la instalaci%n se puede ver en archivos de pro&rama la carpeta Java , en ella jdk1.6._13

.- Instalar /pache 0omcat 6.. con el si&uiente ejecuta2le #

'e si&ue la instalaci%n especificando )ue no se instalen los xamples , aceptando la confi&uraci%n depuerto de "". 4o se cam2ian los datos por default para usuario , passord.5uando pre&unta si se va a ejecutar el pro&rama se deja marcado )ue si#

Instalación de Servicio de Mapas Web - 1/46


2/46

4otar )ue la instalaci%n detecta automticamente la versi%n de Java J7 )ue ,a esta instalada , avisen donde la encontr%. Despu+s de la instalaci%n es necesario reiniciar la 85.

3.- Instalar 9eoserver 1.:.6#

n la si&uiente pantalla es necesario esco&er a mano la carpeta en donde est instalado el JDK#



3/46

'e entra a /pache 0omcat( se inicia /pache 0omcat entrando a Inicio-;8ro&ramas-;/pache-0omcat6. -; 5onfi&ure 0omcat#

n la pantalla )ue aparece se da clic en 'tart#

'e da clic en Aceptar .'i el sistema avisa diciendo )ue ,a existe una instancia de 0omcat funcionando se entra aladministrador de tareas con ctrl.-/lt-'uprimir , se locali


4/46

'e consulta antes )ue nada la carpeta 5#=/rchivos de 8ro&rama=/pache 'oftare >oundation=0omca6.=?e2apps , se comprue2a )ue no existe una carpeta llamada 9eoserver.9eoserver por default lee los datos de la carpeta 5#=/rchivos de pro&rama=9eo'erver 1.:.6=Data. 'ede2e cam2iar esto , se hace car&ando un archivo ?/7 )ue define entre otras cosas donde van aestar los archivos por leer( aparte de instalar la p&ina e2 del administrador de 9eoserver. 8arainscri2ir el nuevo archivo ar es necesario entrar a la administraci%n de 0omcat escri2iendo en ladirecci%n del 2roser de internet la direcci%n# http#@@localhost#"" con lo cual aparece la si&uientepantalla#

A se entra dando clic en la li&a 0omcat Bana&er.

$a primera ve< )ue se entre va a pedir usuario , passord. 'i se instalo con todo por default el usuar

es admin. A no ha, passord.'i no acepta el usuario admin.( se de2e editar el archivo 5#=/rchivos de 8ro&rama=/pache 'oftare>oundation=0omcat 6.=conf=tomcat-user.xml , hacerle cam2ios para )ue exista el usuario admin.. 'ele )uitan las posi2les eti)uetas de comentarios )ue ten&a( se crea el rol de mana&er , se a&re&a el rode mana&er( , el usuario admin con rol de mana&eren este caso con el passord Ctomcat#

8ara )ue tome en cuenta los cam2ios hechos a este archivo( ha, )ue entrar a 5onfi&ure 0omcat ( darclic en 'top , lue&o en 'tart para reiniciar el sistema.

n esta ventana se 2aja hasta donde se ve el titulo /rchivo ?/7 a desple&ar#

'e da clic en examinar , se locali


5/46

'e de2e copiar el archivo eps&.properties del medio de instalaci%n a la carpeta 5#=/rchivos de8ro&rama=/pache 'oftare >oundation=0omcat 6.=e2apps=&eoserver=data=user_projections(reempla


6/46

Despu+s de esto el sistema 0omcat asume )ue los archivos shp por pu2licar van a estar en la carpeta5#=/rchivos de 8ro&rama=/pache 'oftare>oundation=0omcat6.=e2apps=&eoserver=data=data=shapefiles.

Despu+s de esto falta poner a funcionar 9eo'erver desde 0odos los 8ro&ramas -; 9eoserver 1.:.6 -'tart 9eo'erver#

Car!ar capa% en &eoSer'er .Eecho esto se puede entrar a 9eo'erver a dar de alta una nueva capa.'e de2en copiar los archivos )ue forman la capa )ue )ueremos car&ar a la carpeta# 5#=/rchivos de

pro&rama=/pache 'oftare >oundation=0omcat 6.=e2apps=&eoserver=data=data=shapefiles5opiar los archivos de la capa municipios8ue2la?9'" a esta carpeta.

Despu+s de esto se entra a la administraci%n de 9eo'erver Fase&urarse de ha2er iniciado el serviciode 9eo'erver con 'tart 9eoserverG. 'e da click en la entrada 9eo'erver ?e2 /dmin8a&e dentro del&rupo de pro&ramas de 9eo'erver#



7/46

Aparecerá la siguiente pantalla:

Al preguntar el usuario y password se le da Admin y geoserver.

Luego se da click en Confguración -> Datos -> Almacenes -> NuevoEn la ventana que aparece se le da un nuevo nombre al almacén de datos que tenga quever con las capas que se van a cargar ahí se le da el nombre Puebla y se escoge

!hape"le de la lista:



8/46

!e da click en #uevo. Aparece después la siguiente ventana:

En esta ventana en la ca$a de edici%n url el letrero ya e&istente '"le:data() representatoda la ruta para llegar a la segunda carpeta data *:+Archivos de programa+Apache!o,tware -oundation+omcat /.0+webapps+geoserver+data+data entonces ya solo se leagrega el nombre de la carpeta shape"les y el nombre de la capa que acabamos decopiar. !e da click en Enviar al terminar. !i se comete una equivocaci%n al poner elnombre de la capa se va a ver un mensa$e de archivo no encontrado en la parte i1quierdade la pantalla. El nombre de la capa no puede contener espacios.Aparece la ventana de Editor de entidades al terminar se debe escoger primero la palabrpolygon de la lista Estilo y en la columna !2! se debe dar la clave 345/ que signi"caque las coordenadas están en latitud y longitud.!e da click en el bot%n Generar. *on esto debemos de ver que se generanautomáticamente las coordenadas de el cuadro que abarca el mapa cargado:



9/46

!e da click en el bot%n Enviar al "nal de la pantalla y en la parte superior i1quierda darclick en Aplicar y Guardar. !i todo estuvo bien se ve el mensa$e 6Datos cargados sin

incidentes7.8ara consultar la capa recién publicada se da click en Bienvenido -> Demostración ->ista preliminar de !apas. En la lista debe aparecer la capa recién creada:

Al dar click en la capa se verá el mapa:



10/46

!e pueden usar los controles para acercar(ale$ar y mover el mapa para ver los detalles yconsultar cualquier parte del mapa.

9 !antenimiento de capas de Geo"erver#

Instalaci%n de 8ost&re'H$.8ara reali


11/46

n la si&uiente pantalla esco&er 'panish@Bexico de la lista#

5uando el pro&rama de instalaci%n pre&unta si se lan


12/46

Despu+s de esto se corre la instalaci%n de post9is dando do2le click al archivo post&is-p&-setup-1.!.-3.exe

$a instalaci%n detecta automticamente la versi%n de post&re'H$ )ue se aca2a de instalar , pre&untadespu+s el passord del usuario post&res( a lo cual se le de2e de dar el mismo passord )ue se dioen la instalaci%n anterior.5ontinuar dando de alta las si&uientes varia2les de entorno para )ue funcione 8ost&re'H$ al 1 porciento#

ntrar al 8anel de 5ontrol con Inco() Pane* $e contro*.n el panel dar clic en 'istema. n la ventana )ue sale dar clic en la pestaLa pciones /van


13/46

8ara poner lo anterior no es necesario escri2ir todo el letrero( solo nave&ar con el xplorador hastaencontrar la carpeta correspondiente para el JDK instalado dentro de archivos de pro&rama , copiar lacadena resultante de la 2arra de direcciones a la ventana de valor de la varia2le. 'e da clic en acepta

Despu+s de esto se 2usca la varia2le path en la lista de varia2les del sistema ,a existentes , se da clen modificar#

n la ventana )ue aparece( se recorre el valor hasta el final( se a&re&a un N al final , despu+s se copiala cadena# 5#=/rchivos de pro&rama=8ost&re'H$=.=2in copindola desde el xplorador como en elejemplo anterior.

Despu+s de esto se reinicia el sistema.

8ara comen


14/46

'e de2er dar do2le clic en 8ost&re'H$( cuando pida un passord se le dar el )ue se asi&n%durante la instalaci%n anterior( cectealc. 'e da clic en el si&no P )ue est a la i


15/46

'e dejan los valores por default )ue tienen los ren&lones( pero se esco&e la entrada template_post&isen la lista de el ren&l%n 0emplate. n la lista ner se esco&e el usuario post&res. 'e da clic en el2ot%n K.Despu+s de esto al expandir la entrada de la nueva 2ase de datos se podr ver )ue estn creadas dota2las para la nueva 2ase )ue son &eometr,_columns , spatial_ref_s,s#

8ara car&ar un archivo shape a la 2ase de datos reci+n creada( se usa un a&re&ado del sistema )uese encuentra en el menO 8lu&ins -; 8ost9I' shape and D> loader#



16/46

5on lo anterior aparece la si&uiente ventana( en la )ue se especifica la capa )ue se va a car&ar( se daclic en el icono de la carpeta para nave&ar , encontrar la capa Bunicipios8ue2la en la carpetatemporal de la clase( se le da un nom2re ms corto en el campo Destination 0a2le( , ase&urarse de)ue el nom2re est+ en minOsculas , no conten&a espacios Fmu, importante( ,a )ue sin estosre)uisitos no se podr tra2ajar ms adelante con el mapa dentro de 9eo0oolsG#

0am2i+n es importante dar clic en el 2ot%n ptionsQ , en la ventana )ue aparece( cam2iar el jue&o dcaracteres )ue aparece FR0>-"G por $/0I41( esto es para )ue si la ta2la de atri2utos del archivo shap)ue se est car&ando contiene letras con acentos , el caracter L( estos sean car&ados correctamentedentro de la 2ase de datos &eo&rfica.



17/46

Despu+s de esto( se da clic en K , en la ventana anterior se da clic en Import. /l terminar el procesose de2er ver un mensaje en la ventana inferior )ue dice C'hapefile import completed( si hu2o al&Onerror revisar )u+ parmetros se escri2ieron mal.

Despu+s de este paso( se puede consultar dentro de p&/dmin III )ue la nueva ta2la se ha,a creado(

despu+s de dar clic en el *cono de /ctuali


18/46

/hora se de2er entrar al administrador de 9eo'erver para dar de alta los nuevos mapas en elservidor &eo&rfico. /l entrar a 9eo'erver ?e2 /dmin 8a&e( lo primero )ue se de2e hacer es crear unuevo almac+n de datos( dando clic en 5onfi&uraci%n( dando el usuario , passord si los pide( ,entrando a Datos( despu+s en /lmacenes , lue&o dar clic en el 2ot%n 4uevo( en la lista de Descripci%del /lmac+n de Datos( a diferencia del ejemplo anterior( ahora se esco&e 8ost9is de la lista#

'e le da como nom2re B/8/'89. 'e da clic en el 2ot%n 4uevo para continuar. $a pantalla )ueaparece de2er de tener los si&uientes parmetros#

$os Onicos cam2ios )ue se de2en de hacer son )ue se escri2e el nom2re de la 2ase de datosB/8/'5$/' en el cuadro data2ase( se pone el usuario post&res , se da el passord de ese usuarsi lo tiene Frecordar )ue se le dio al passord po%t!re% a ese usuarioG. 'e da clic en nviar( , despu+en /plicar , 9uardar.Despu+s de esto se entra a 5onfi&uraci%n -; ntidades -; 4uevo , de la lista ,a se pueden esco&erlas dos ta2las creadas anteriormente#



19/46

'e esco&e B/8/'89###municipios , se da clic en el 2ot%n 4uevo. 'e si&uen los pasos ,a conocidospara confi&urar una nueva entidad.

Despu+s de esto ,a se puede consultar el mapa por la Mista 8revia de Bapas del menO Demostraci%n



20/46

Con%"*ta $e Mapa% por OpenLa+er%.5uando ,a existen mapas pu2licados en 9eo'erver( es posi2le invocarlos por medio de una direcci%nR7$ Fhttp#@@Sdirecci%n I8 de nuestra 85T. 8ara sa2er cual es nuestra direcci%n I8( )ue es como elnom2re Onico de nuestra 85 en la red( se puede consultar dando do2le clic en el icono 5onexi%n de

Vrea $ocal# , en la ventana )ue aparece dar clic en la pestaLa 'oporte( % dando elcomando ipconfi& en una sesi%n de '*m2olo del 'istema#

8ara hacer una consulta usando pen$a,ers( )ue es un sistema de consulta )ue se instala al mismo

tiempo )ue 9eo'erver( se de2e crear una p&ina html % de otro len&uaje para &enerar p&inas ?e2( se de2er poner en la carpeta de pu2licaci%n de 9eo'ever. ntrar a el explorador de ?indos ,consultar el contenido de la carpeta# D#=/rchivos de pro&rama=/pache 'oftare >oundation=0omcat6.=e2apps=&eoserver=data=

In%ta*ac#n $e Dreamwea'er $e Macrome$a.jecutar el pro&rama Instalador de Dreameaver BW .exe )ue est en la carpeta Dreameaver#

'e aceptan todas las opciones )ue le instalaci%n su&iere. Despu+s de esto se corre el pro&ramadando como clave para re&istrarlo la clave )ue se encuentra en el archivo 4umero de 'erie.txt )ue seencuentra en la misma carpeta.

8ara comen


21/46

'e de2e de dar click en 5rear nuevo -; html con lo cual aparece la ventana de diseLo de p&inas e2'e pueden esco&er las distintas herramientas )ue se ven en el ren&l%n de iconos en la parte superior'i se )uiere a&re&ar un letrero( simplemente se escri2e so2re la parte 2lanca de la pantalla( se da clicen la parte 2lanca , se escri2e el si&uiente letero# Cienvenido( esta es la p&ina deQ , escri2a sunom2re( notar )ue en la parte de a2ajo la ventana cam2ia para mostrar las herramientas para cam2iala apariencia del letrero )ue se aca2a de escri2ir( se puede usar para cam2iar el tipo de letra( eltamaLo , el color. 8ersonalice el letrero , la apariencia de la p&ina como desee#



22/46

Eecho esto se &uarda el archivo en la carpeta 5#=/rchivos de pro&rama=/pache 'oftare>oundation=0omcat 6.=e2apps=&eoserver=data= , dndole el nom2re 2ienvenido#

Despu+s de esto se puede consultar el archivo reci+n creado a2riendo un explorador de internet ,colocando la direcci%n http#@@localhost#""@&eoserver@@2ienvenido.htm#

'e pueden hacer prue2as consultando la p&ina de otros alumnos poniendo su direcci%n I8 espec*ficde forma )ue la direccion este en lu&ar de localhost en la ventana de direcciones del explorador deInternet.

/hora se puede dar click en la ventana 5%di&o de Dreameaver para ver el c%di&o html de la p&ina)ue aca2amos de crear( , )ue se va a ver de la si&uiente forma#

XYD50A8 E0B$ 8R$I5 Z-@@?35@@D0D E0B$ .1 0ransitional@@4ZZhttp#@@.3.or&@07@[email protected];Xhtml;Xhead;Xtitle;Documento sin t[iacuteNtuloX@title;Xmeta http-e)uiv\Z5ontent-0,peZ content\Ztext@htmlN charset\iso-""!-1Z;


http://localhost:8080/geoserver/www/bienvenido.htmhttp://localhost:8080/geoserver/www/bienvenido.htm


23/46

Xst,le t,pe\Ztext@cssZ;XY--.stilo1 ]

font-famil,# /rial( Eelvetica( sans-serifNfont-si>>>N--;X@st,le;X@head;

X2od,;Xp class\Zstilo1Z;ienvenido( esta es la p[aacuteN&ina de 'usana. X@p;Xp;[n2spN X@p;X@2od,;X@html;

/hora le vamos a insertar el si&uiente c%di&o a nuestra p&ina#

Xhtml; Xhead; Xtitle;Bapa asicoX@title; Xst,le t,pe\Ztext@cssZ; ^map_container ] idth# !1pxN hei&ht# !6pxN 2order# 1px solid &ra,N

X@st,le; Xscript src\Zopenla,ers@pen$a,ers.jsZ; X@script; X@head; X2od,; Xh;Bapa asicoX@h; Xdiv id\Zmap_containerZ;X@div; Xscript; @@ codi&o para el mapa X@script; X@2od,;

X@html;

l c%di&o anterior es para &enerar una p&ina ?e2 sencilla , est escrito en E0B$. 'e &uarda con elnom2re ol-2asico.html en la carpeta . 8ara consultar el archivo anterior se de2er a2rir unaventana de un explorador de Internet , poner la si&uiente direcci%n en la 2arra de direcciones#

http#@@localhost#""@&eoserver@@ol-2asico.html o tam2i+n#

http#@@Sdireccion_ip_del_servidorT#""@&eoserver@@ol-2asico.html


http://localhost:8080/geoserver/www/ol-basico.htmlhttp://localhost:8080/geoserver/www/ol-basico.html


24/46

5omo por ejemplo#!ttp"//192#168#51#244"88/$eoserver/%%%/ol-basico#!t&l

5on lo cual se ve la si&uiente pantalla#

/hora se de2er hacer el si&uiente cam2io al mismo archivo( copiando c%di&o reempla


25/46

Xh;Bapa asicoX@h; Xdiv id\Zmap_containerZ;X@div; Xscript; var map \ ne pen$a,ers.BapFZmap_containerZGN var ms \ ne pen$a,ers.$a,er.?B'F Zpen$a,ers ?B'Z( Zhttp#@@la2s.metacarta.com@ms@vmapZ( ]la,ers# Z2asicZ

GN map.add$a,erFmsGN map.!( , se ver lo si&uiente#

Despu+s de lo anterior( se crea en 9eoserver la capa 5olonias desde el archivocolonias_pue2laR0B.shp , despu+s se crea una nueva p&ina en Dreameaver , copiar el si&uientetexto a la p&ina( cuando se est desple&ando en modo 5odificador#



26/46

Xhtml; Xhead; Xtitle;0itulo - Bapa asicoX@title; Xst,le t,pe\Ztext@cssZ; ^map_container ] idth# !1pxN hei&ht# !6pxN 2order# 1px solid &ra,N X@st,le; Xscript src\`http#@@maps.&oo&le.com@mapsfile\api[ampNv\[ampNke,\/HI////jpk/5e89emlI)!WcBiuh7_?$8>ku"Ixi'WA7MK3e!1HRd_2e>"dt


27/46

]t,pe# 9_8EA'I5/$_B/8( sphericalBercator# true GN

map.add$a,ersFS&'$( mun1TGN

@@ add a la,er sitcher map.add5ontrolFne pen$a,ers.5ontrol.$a,er'itcherFGGN

map.


28/46

5,

opacity&"*",

is6aseLayer& 4alse

578

A con la si&uiente l*nea se a&re&a a los mapas )ue se desplie&an#mapaddLayers$9g#L, mun1, cols:78

l resultado de2e verse de la si&uiente manera#

4otar )ue la capa de colonias ,a se halla en el lu&ar correcto dentro del mapa de el stado de 8ue2la8ara )ue no sea necesario acercar el mapa del mundo hasta el lu&ar donde est 8ue2la( se puedemanejar la funci%n )ue desi&na el centro del mapa )ue se de2e desple&ar , el parmetro


29/46


30/46

HAAAAAA

H

1

/l archivo anterior se le pueden hacer cam2ios como los si&uientes#

1.- /l elemento X4ame; se le da un nom2re ms explicativo( como vamos a crear un estilo para lacapa de Bunicipios( se le puede dar un nom2re como stilo Bunicipios( entonces se cam2ia el letreroexistente FDefault 8ol,&onG a stilo Bunicipios.3stilo unicipios

.- /l elemento t*tulo se le da el si&uiente letrero#3stilo para la capa unicipios

3.- l elemento >ill se cam2ia al si&uiente valor#H%63%

.- l elemento 'troke se cam2ia a lo si&uiente#

H''''

!.- Despues de la eti)ueta se pone el si&uiente texto#

municipio

Arial

Dormal

1

H

1

$Ya existía7

'e &uarda el archivo con el nom2re Bunicipios_'t,le.sld F/rchivo -; 9uardar como..G. Despu+s deesto se pone a funcionar /pache , 9eoserver si es )ue aOn no se tienen funcionando.'e entra a la p&ina de mantenimiento de 9eoserver. n la primera pantalla se da clic enConf!"rac#n. 'i es la primera ve< )ue se entra( el sistema pide el nom2re de usuario , passord( alo )ue ha, )ue contestar con /dmin , &eoserver#



31/46

Aa dentro del sistema se da clic en Datos. Despu+s en stilo( , en la pantalla )ue aparece se da clicen nuevo( se le da nom2re al nuevo estilo( por ejemplo stilo_Bunicipios Fel nom2re no de2e tenerespacios en 2lancoG , se da clic en 4uevo#

n la pantalla )ue aparece se da clic en el 2ot%n Se*ecconar Arc-'o , se locali


32/46

Despu+s de eso se entra a darle mantenimiento a la ntidad Bunicipios )ue ,a se ha2*a creado(entrando a la pantalla Conf!"rac#n , dando clic en el 2ot%n Dato%( despu+s en Ent$a$e%( , seesco&e de la lista 8ue2la#Bunicipios8ue2la?9'".'e da clic en ditar( con lo )ue aparece la pantallde ditor de ntidades#

n la lista ,a se halla la entrada del estilo reci+n creado( stilo_Bunicipios( se esco&e , se da clic enel 2ot%n En'ar de hasta de2ajo de esa pantalla.

$ue&o se da clic en /plicar , 9uardar.Despu+s de eso se puede consultar la capa modificada dando clic en ienvenido( Demostraci%n , enMista preliminar de Bapas( , se consulta la capa Bunicipios_8ue2la( )ue ,a va a tener un colordiferente de relleno( , va a tener eti)uetas para cada Bunicipio con el color( tipo , tamaLoespecificado#



33/46

'i se )uiere cam2iar cual)uiera de las caracter*sticas de tipo de desplie&ue del mapa( se de2e hacerlo si&uiente#Dar clic en 5onfi&uraci%n( Datos( ntidades ( esco&er de la lista la entidad a modificar( en este casoBunicipios_8ue2la( , dar clic en E$tar ( se cam2ia en la lista el estilo a otro diferente( por ejemplo8ol,&on( , se da clic en nviar( /plicar , 9uardar. $ue&o se entra a Datos( stilo( se esco&e el estilo

)ue ten*a la capa( en este caso stilo_Bunicipios , se da clic en liminar#

Rna ve< eliminado ese estilo( se puede entrar a la carpeta 0empstilos , se hacen los cam2ios )ue sdeseen en el archivo Bunicipios_'t,le#8ara pol,&on ',m2oli


34/46

8ero no siempre aparece la pantalla de creaci%n de nuevos estilos( esto es aparentemente unpro2lema del pro&rama de 9eo'erver )ue no se ha arre&lado aOn.

Mantenmento $e SLD para capa $e Lnea%.l ejercicio anterior fue para desple&ar una capa formada por pol*&onos. 8ara cam2iar la presentaci%nde una capa de l*neas( se entra a la carpeta en donde se encuentran los archivos '$D D#=/rchivos depro&rama=/pache 'oftare >oundation=0omcat 6.=e2apps=&eoserver=data=st,les , copiar el archivodefault_line.sld a la carpeta 0empestivos( una ve< copiado el archivo se a2re con ?ord8ad( se ve elsi&uiente contenido#

Linea para %olonias

A boring de4ault style

A sample style that Fust prints out a green line

Geature

ule 1

Jreen Line

A green line with a ( pi?el width

H1';*(



35/46

/l archivo anterior se le hacen los si&uientes cam2ios#

3stilo para %olonias

3stilo para capa de lineas

H1';*

espuKs de y antes de se agrega lo siguiente&

NOMBRE_DE_

Arial

Dormal

*

H

1

'e &uarda el archivo con el nom2re 5olonias_'t,le.sld.

Despu+s de esto se entra al /dministrador ?e2 de 9eo'erver F9eo'erver ?e2 admin 8a&eG( se dade alta el nuevo estilo , se le asi&na a la entidad de colonias por medio de dici%n de entidades.5uando se consulta la capa de colonias de2e verse al&o como lo si&uiente#



36/46

Conf!"rac#n $e E%t*o para capa% $e P"nto%. /hora vamos a confi&urar el desplie&ue de la capa 8untosInteres8ue2la )ue ,a car&amos en9eoserver con anterioridad. 'e puede consultar c%mo se ve actualmente esco&iendo vertopp#8untosInteres8ue2la en la parte de Mista 8reliminar de Bapas( , se comprue2a )ue estdesple&andose con cuadros rojos en cada punto por)ue est usando el estilo 8oints( )ue ,a exist*a eel sistema de 9eoserver#


http://localhost:8080/geoserver/wms?bbox=583292.6769423574,2105909.3869731664,584486.3028797635,2106545.0087695033&styles=&Format=application/openlayers&request=GetMap&version=1.1.1&layers=topp:PuntosInteresPuebla&width=800&height=399&srs=EPSG:3158http://localhost:8080/geoserver/wms?bbox=583292.6769423574,2105909.3869731664,584486.3028797635,2106545.0087695033&styles=&Format=application/openlayers&request=GetMap&version=1.1.1&layers=topp:PuntosInteresPuebla&width=800&height=399&srs=EPSG:3158


37/46

/hora le vamos a hacer cam2ios para modificar la forma en )ue se presenta la capa a los usuarios.8ara esto entramos a la p&ina sld cook2ok en la direcci%n ?e2#!ttp"//docs#$eoserver#or$/latest/en/'ser/st(lin$/sld-coo)boo)/

'e locali


38/46

se desplie&a. 8ara hacer un ejemplo ms interesante( vamos hasta la parte )ue nos muestra c%modesple&ar un &rfico cual)uiera )ue nosotros podemos diseLar en un pa)uete &rfico como 8aint %>ireorks( el cual se us% para crear el archivo Icono5.&if )ue se inclu,e en los archivos de instalaci%nde clase. ste archivo se copia a la carpeta 't,les dentro de los archivos de datos de 9eoserver. 'epuede entrar en 9eoserver a crear un nuevo stilo( el cual pude ser una copia de el estilo point(despu+s se locali


39/46

0am2i+n se le copia la parte 0ext',m2oli


40/46

/hora se puede hacer el cam2io para )ue se desplie&ue en el lu&ar de cada punto cual)uier caracterespecial. 8ara esco&er )ue caracter se va a desple&ar se de2e correr el pro&rama charmap desde laventana Inicio. 8ara esto se da click e inicio( en la ventana en 2lanco )ue aparece so2re el 2ot%n Inicise escri2e charmap( , en la lista superior aparece el resultado charmap.exe( al cual se le da do2elclick para ejecutarlo#

De la lista de caracteres se esco&e la entrada ?in&din&s ( au)ue se puede esco&er cual)uier otro delos conjuntos de caracteres )ue contienen di2ujos en lu&ar de letras#



41/46

Decidimos esco&er el caracter de ese conjunto( el cual tiene la clave x>!'e crea un nuevo stilo llamado 8untosInteres8ue2la a partir del estilo 8untosInteres8ue2la(introduciendo en el c%di&o la si&uiente parte copiada de la p&inahttp#@@docs.&eoserver.or&@sta2le@en@user@st,lin&@sld-extensions@points,m2ols.html

la cual se ve as*#


http://docs.geoserver.org/stable/en/user/styling/sld-extensions/pointsymbols.htmlhttp://docs.geoserver.org/stable/en/user/styling/sld-extensions/pointsymbols.html


42/46

'e copia el c%di&o )ue se encuentra ah* , se pe&a reempla


43/46

Xst,le t,pe\Ztext@cssZ;

^map ] idth# :!pxN hei&ht# pxN 2order# 1px solid 2lackN

X@st,le;

Xscript src\Zhttp#@@localhost#""@&eoserver@openla,ers@pen$a,ers.jsZ t,pe\Ztext@javascriptZ; X@script;

Xscript t,pe\Ztext@javascriptZ; var map(&'$N

var lon \ !"3::6.!13N var lat \ 161".""N var


44/46

transparent# Z07RZ( format# `ima&e@pn&`( tiled# false ( ]

opacit,#Z.6Z( isase$a,er# false

GN

var man< \ ne pen$a,ers.$a,er.?B'F ZBan


45/46

Xh1;5iudad de 8ue2laX@h1;Xdiv id\ZmapZ;

X@div;

Xdiv id\ZrapperZ;

Xdiv id\ZlocationZ;locationX@div; Xdiv id\ZscaleZ; X@div; X@div;

X@2od,;

X@html;

ste c%di&o desplie&a al mismo tiempo las tres capas )ue hemos creado , se ven juntas al desple&aresta p&ina#

Opcone% $e $e%p*e!"e para $ferente% tpo% $e capa%.

$os valores )ue se pueden poner para modificar la presentaci%n de las capas en 9eo'erver son mu,extensos , permiten mucha flexi2ilidad( la lista completa se puede ver en la p&ina '$D 5ook ook#

!ttp"//docs#$eoserver#or$/latest/en/'ser/st(lin$/sld-coo)boo)/

'e puede consultar la p&ina para ver )ue propiedades se le pueden dar a los tres tipos 2sicos deelementos &eo&rficos# 8untos( $*neas , 8ol*&onos.


http://docs.geoserver.org/latest/en/user/styling/sld-cookbook/http://docs.geoserver.org/latest/en/user/styling/sld-cookbook/


46/46

Documents

Instalacion de Servicio de Mapas en Web Win Xp 2015