scieee Science in your language
[sp] (orig)

Mapa interactivo de puntos de cargas para vehículos eléctricos en Barcelona

Author: Lin, Kaihang
Publisher: Universitat Politècnica de Catalunya
Year: 2025
Source: https://upcommons.upc.edu/bitstream/2117/426719/2/Mapa%20interactivo%20de%20puntos%20de%20carga%20para%20coches%20el%c3%a9ctricos%20en%20barcelona.pdf
GRADO DE INGENIERÍA DE GEOINFORMACIÓN Y
GEOMÁTICA
TRABAJO FIN DE GRADO
MAPA INTERACTIVO DE PUNTOS DE CARGA PARA COCHES ELÉCTRICOS
EN BARCELONA
P oyec is a: Kaihang Lin
Di ec o a: M Ampa o Núñez And és
Con oca o ia: Feb e o 2025
Mapa in e ac i o de pun os de ca ga pa a coches eléc icos en Ba celona
1
Resumen
El obje i o de es e p oyec o es es udia la in aes uc u a de los pun os de ca ga pa a ehículos
eléc icos en el á ea me opoli ana de Ba celona y desa olla un mapa in e ac i o que acili e
la localización de es os pun os. Pa a alcanza es e obje i o, se ha implemen ado una base de
da os espacial empleado Pos Gis sob e Pos g eSQL. Pa a ges iona la base de da os de los
pun os de ca ga se ha empleado PgAdmin IV. Además, empleamos GeoSe e pa a la
implemen ación de se icios WFS (Web Fea u e Se ice) y, inalmen e, u ilizamos la biblio eca
de Ja aSc ip Lea le pa a accede a dichos se icios a a és de un isualizado web.
El isualizado implemen ado, además de mos a los pun os de ca gas, o ece una in e az
in ui i a que pe mi e a los usua ios ing esa coo denadas y un adio especí ico pa a encon a
los pun os de ca ga den o de esa á ea. De es a mane a, se busca mejo a la accesibilidad y la
comodidad pa a los usua ios de ehículos eléc icos en Ba celona.
Mapa in e ac i o de pun os de ca ga pa a coches eléc icos en Ba celona
2
ÍNDICE
1. In oducción ........................................................................................................................ 3
1.1 Mo i ación ............................................................................................................... 3
1.2 Obje i o ................................................................................................................... 3
2 Planes de con ol de polución po mo ilidad ...................................................................... 4
2.1 Zonas de bajas emisiones en Ba celona................................................................... 4
2.2 Plan Mo e III ........................................................................................................... 5
3 Es udios de pun os de ca gas .............................................................................................. 6
3.1 Es udio de pun os de ca ga en Eu opa ..................................................................... 6
3.2 Es udio de pun os de ca gas eléc icas en España ................................................... 8
3.3 Es udio de pun os de ca ga en Ba celona ................................................................ 9
4 Ob ención y a amien o de da os...................................................................................... 12
4.1 T a amien o y p epa ación de los da os ................................................................. 12
4.2 Implemen ación del se icio WFS......................................................................... 13
5 Desc ipción del iso ........................................................................................................ 15
5.1 Desc ipción de Lea le ........................................................................................... 15
5.2 Desc ipción del iso ............................................................................................. 16
5.3 Desc ipción del código del iso ........................................................................... 18
6 Análisis de sos enibilidad.................................................................................................. 24
6.1 Pun o de is a ambien al ........................................................................................ 24
6.2 Pun o de is a económica ...................................................................................... 25
6.3 Pun o de is a social .............................................................................................. 25
7 Conclusión ........................................................................................................................ 26
Bibliog a ía .............................................................................................................................. 27
ANEXO: Código del iso ....................................................................................................... 28
1. In oducción
Es e p oyec o consis e en el desa ollo un iso web in e ac i o cen ado en los pun os de ca ga
eléc ica de la ciudad de Ba celona. La idea su ge de la necesidad de acili a la ansición hacia
una mo ilidad más sos enible, ayudando a los usua ios a localiza de mane a ápida y sencilla
los pun os de ca ga disponibles.
Con la implemen ación del plan de zonas de bajas emisiones (ZBE) en Ba celona, se espe a un
aumen o signi ica i o en la adopción de ehículos eléc icos po pa e de los consumido es, lo
que inc emen a á la necesidad de localiza pun os de ca ga de o ma e icien e. Es e p oyec o
busca esponde a esa demanda, o eciendo una he amien a ú il y accesible pa a los ciudadanos.
El p oyec o se ha desa ollado eu ilizando da os abie os y empleando únicamen e so wa e de
código abie o, lo que ga an iza su accesibilidad y lexibilidad. La he amien a pe mi i á
consul a in o mación de allada sob e los pun os de ca ga, como ubicación, ipo de ca gado ,
capacidad y es ado de uncionamien o, con ibuyendo al uso e icien e de es a in aes uc u a en
la ciudad.
1.1 Mo i ación
La mo i ación p incipal es po mi a ición al coche y po se un apasionan e de la ecnología de
úl ima gene ación. Jus amen e es amos en una época de cambio de coche de combus ión al
coche eléc ico, pe o como he mencionado an e io men e, hoy en día hay muchos ac o es que
alen izan es e cambio. Uno de los mo i os es la insu icien e in aes uc u a pa a los coches
eléc icos. Po lo an o, quie o hace un iso pa a acili a a localiza mejo los pun os de
eca ga den o de Ba celona.
1.2 Obje i o
El obje i o p incipal de es e p oyec o es c ea un iso de pun os de ca gas pa a los coches
eléc icos den o del á ea me opoli ana de Ba celona. Pa a ello u iliza emos el p og ama
Pos g es que con iene los da os de los pun os de ca ga pa a la clasi icación y o denación de los
da os, el Geose e con el se icio de WFS conec a los da os y lle a lo a Lea le que es una
biblio eca de Ja aSc ip u ilizada pa a c ea mapas in e ac i os en aplicaciones web.

Mapa in e ac i o de pun os de ca ga pa a coches eléc icos en Ba celona
4
2 Planes de con ol de polución po mo ilidad
Ba celona ha implemen ado di e sas medidas pa a educi la con aminación de i ada del
á ico. Es e capí ulo se cen a en dos de las p incipales es a egias: las Zonas de Bajas
Emisiones (ZBE), que es ingen el acceso a ehículos con aminan es en cie as á eas, y el Plan
MOVES III, que omen a la mo ilidad sos enible median e incen i os pa a ehículos eléc icos
y mejo as en la in aes uc u a de eca ga.
2.1 Zonas de bajas emisiones en Ba celona
La Zona de Bajas Emisiones (ZBE) de Ba celona es un á ea de más de 95 km² en la que se
es inge la ci culación de los ehículos más con aminan es con el obje i o de p o ege la
a mós e a, la salud de las pe sonas y el medio ambien e. Es a zona aba ca oda la ciudad de
Ba celona en e la Ronda de Dal y la Ronda del Li o al, así como pa es o la o alidad de los
municipios de L’Hospi ale de Llob ega , Co nellà de Llob ega , Esplugues de Llob ega y San
Ad ià de Besòs. Sin emba go, en la ciudad de Ba celona, quedan ue a de la ZBE los ba ios de
Vall id e a, el Tibidabo, les Planes y la Zona F anca (Fig.1).
El p opósi o p incipal de la ZBE Rondas de Ba celona es educi la con aminación ambien al,
mejo a la calidad del ai e y p o ege la salud pública. Es a inicia i a o ma pa e de las acciones
del Ayun amien o pa a educi en 15 años un 30 % las emisiones de con aminan es en la
a mós e a, especialmen e de dióxido de ni ógeno [1]. Ac ualmen e, solo los ehículos que
disponen de las e ique as 0, eco, C y B de la DGT pueden ci cula po la ZBE. La e ique a 0
es á ese ada pa a los ehículos comple amen e eléc icos o híb idos enchu able, mien as que
la e ique a eco co esponde a los ehículos híb idos. Las e ique as C y B son pa a ehículos
sin elec i icación, como los de gasolina y diésel, pe o que cumplen con los es ánda es de
emisiones menos con aminan es según su an igüedad.
Es e ipo de es icciones y polí icas medioambien ales a o ecen la adopción de ehículos más
sos enibles, como los coches eléc icos e híb idos, ya que los consumido es ienden a op a po
modelos que les pe mi an ci cula lib emen e den o de la ZBE, lo que, a su ez, con ibuye a
una mayo demanda de es os ipos de ehículos en el u u o.
Fig.1: Zona de Bajas Emisiones (ZBE) Rondas de Ba celona [1]
2.2 Plan Mo e III
El p ecio de los coches eléc icos es supe io que el de los coches de combus ión. Es o jun o a
la al a de in aes uc u as adecuadas pa a su eca ga son ac o es que di icul an que los posibles
comp ado es op en po ellos. En España, exis e un plan de ayuda llamado Plan Mo e III, cuyos
p incipales obje i os son: i), omen a la adquisición de ehículos eléc icos con enchu e o pila
de hid ógeno, y ii), apoya el desa ollo de la in aes uc u a de eca ga. Con es e plan, el Es ado
sub enciona a los consumido es o eciendo ayudas de has a 7.000 eu os po la comp a de un
ehículo eléc ico si se da de baja un ehículo an iguo, o de has a 4.500 eu os sin necesidad de
da de baja un ehículo. Además, se b inda apoyo pa a la ins alación de pun os de eca ga
eléc icos, con sub enciones de has a un 70% pa a pa icula es y un 55% pa a emp esas (Fig.
2).
Fig. 2: Plan Mo e III [2]
Mapa in e ac i o de pun os de ca ga pa a coches eléc icos en Ba celona
6
3 Es udios de pun os de ca gas
En es e apa ado se ealiza án es udios sob e los pun os de ca ga eléc ica en es ni eles: el
me cado eu opeo, el me cado español y, inalmen e, la ciudad de Ba celona. Es e análisis
pe mi i á en ende la e olución, la dis ibución y las ca ac e ís icas de la in aes uc u a de
ca ga en di e en es con ex os, p opo cionando una isión global que se i á de base pa a
e alua la si uación local en Ba celona. Además, se iden i ica án endencias, desa íos y posibles
opo unidades pa a mejo a la accesibilidad y e iciencia de los pun os de ca ga eléc ica en cada
uno de es os ámbi os.
3.1 Es udio de pun os de ca ga en Eu opa
Según el in o me "EU EV Cha ging In as uc u e" de la EAFO, has a inales de 2023, los
países miemb os de la Unión Eu opea cuen an con un o al de 632,423 pun os de ca ga pa a
ehículos eléc icos, los cuales b indan se icio a una lo a de 3 millones de ehículos
eléc icos. Es a in aes uc u a e leja el comp omiso de la egión con la ansición hacia una
mo ilidad más sos enible y el cumplimien o de sus obje i os climá icos.
Los países del Eu opa del es e ienden a ene más po encia de ca ga en cada pun o de ca ga.
Países como Bulga ia, Es onia y Le onia ienen una al a po encia de ca ga, lo que indica que su
in aes uc u a es muy buena en compa ación con el núme o de es aciones de ca ga. Es a
endencia sugie e que la asignación de ecu sos es más e icien e en á eas con menos pun os de
ca ga, pe o más po en es. Países como Eslo aquia, C oacia y la República Checa ambién
demues an una impo an e po encia de ca ga uni a ia, o mando un g upo de países que
in ie en en in aes uc u a de ca ga de al a capacidad. La cobe u a de ed es amplia, pe o la
po encia modes a de los países de Eu opa occiden al como los Países Bajos, Alemania y F ancia
adop an un en oque equilib ado y cuen an con amplias edes de pun os de ca ga. Si bien cada
pun o de ca ga iene una po encia de ca ga modes a, su ex ensa ed admi e una g an can idad
de ehículos eléc icos, lo que ga an iza la accesibilidad y comodidad del usua io (Fig.3).
En el su de Eu opa, países como España, I alia y G ecia es án mos ando una endencia
eme gen e en la in aes uc u a de ehículos eléc icos. Aunque la po encia de ca ga po pun o
de ca ga en es os países es meno que en Eu opa del Es e, el núme o de pun os de ca ga sigue
c eciendo, lo que indica que es os países con inúan in i iendo y expandiéndose.
Fig.3 Mapa de pun os elec ónicos po países de la unión eu opea [3]
En la Región nó dica, No uega y Finlandia, son conocidas po su al a pene ación de ehículos
eléc icos, es án ampliando cons an emen e su in aes uc u a. A pesa de la meno po encia de
ca ga po ehículo, el c ecimien o gene al de las es aciones de ca ga mues a que es án
luchando po sa is ace la c ecien e demanda.
Los países menos desa ollados como I landa, Mal a y Chip e son países con g an po encial
pe o que ac ualmen e cuen an con in aes uc u as subdesa olladas. La po encia de ca ga po
ehículo es meno en es as egiones, lo que indica una necesidad u gen e de acele a la in e sión
y el desa ollo pa a espalda la u u a adopción de ehículos eléc icos.
Fig.4 Núme os de pun os de ca gas po países de la unión eu opea [4]
Mapa in e ac i o de pun os de ca ga pa a coches eléc icos en Ba celona
14
Fig.11 Espacio de abajo de Geose e
Pa a incula el iso con GeoSe e , se u iliza una URL que pe mi e es ablece la conexión y
de ini el espacio de abajo. En p ime luga , se especi ica la di ección del GeoSe e y el
espacio de abajo co espondien e. A con inuación, se indica el se icio y la acción que se
desea ealiza , en es e caso, el se icio WFS (Web Fea u e Se ice) y la ope ación Ge Fea u e,
que pe mi e accede a los da os espaciales. Seguidamen e, se p opo ciona el nomb e del da o
den o del espacio de abajo median e el pa áme o ypeName. También se de ine el o ma o
en el que se desean ecibi los da os, que en es e caso es JSON, a a és del pa áme o
ou pu Fo ma =applica ion/json. Po úl imo, se puede inclui un il o CQL (Common Que y
Language) median e el pa áme o CQL_FILTER. Es e il o pe mi e il a los da os según los
c i e ios que le especi iquen, adap ando la consul a a las necesidades del p oyec o (Fig.12).
Fig.12 URL de inculo.
.

5 Desc ipción del iso
Pa a desa olla es e iso web, ue necesa io elegi una biblio eca Ja aSc ip adecuada. En e
las más u ilizadas des acan OpenLaye s y Lea le . Al inal se ha op ado po u iliza Lea le ya
que es la lib e ía que más me he amilia izado
Además de la biblio eca Ja aSc ip , se emplea on los siguien es lenguajes de p og amación
pa a lle a a cabo el desa ollo:
- HTML (Hype Tex Ma kup Language): Es el lenguaje u ilizado pa a es uc u a las
páginas web median e e ique as, acili ando su in e p e ación an o po pa e de los
desa ollado es como de las pla a o mas web.
- CSS (Cascading S yle Shee s): Pe mi e de ini el diseño y la p esen ación de las páginas
es uc u adas en HTML. Es e lenguaje ayuda a sepa a el con enido del diseño isual,
ges ionando aspec os como la disposición, los colo es y los ondos.
- Ja aSc ip : Es un lenguaje de p og amación e sá il y o ien ado a obje os, que se u iliza
p incipalmen e pa a añadi in e ac i idad y dinamismo a las páginas web.
5.1 Desc ipción de Lea le
Lea le [12] es una biblio eca de Ja aSc ip de código abie o u ilizada pa a la c eación y
publicación de mapas web. Fue desa ollada po Vladimi Aga onkin a p incipios de 2011 y,
en 2012, ue adop ada po OpenS ee Map.
La p incipal ca ac e ís ica de Lea le es su simplicidad, que se combina de mane a e ec i a con
el uso de plugins. Es a API pe mi e amplia sus uncionalidades median e la inco po ación de
plugins, lo que man iene su núcleo lige o y sencillo sin enuncia a nue as ca ac e ís icas y
mejo as.
Mapa in e ac i o de pun os de ca ga pa a coches eléc icos en Ba celona
16
En es e p oyec o, hemos u ilizado a ios plugins pa a inco po a las uncionalidades necesa ias
al iso . Todos es os plugins es án disponibles en Gi Hub, una pla a o ma en línea c eada pa a
almacena y ges iona el código de aplicaciones y he amien as de desa ollado es de odo el
mundo. Además de pode desca ga aplicaciones, los usua ios pueden colabo a con los
desa ollado es a a és de la pla a o ma. Cada plugin de Lea le ha sido c eado po un
desa ollado di e en e y se encuen a alojado en su p opio eposi o io den o de Gi Hub.
El plugin y las lib e ías u ilizados son:
- Lea le : Ca ga la lib e ía Lea le e sión 1.9.4 desde un CDN. Lea le es una biblio eca
de Ja aSc ip u ilizada pa a c ea mapas in e ac i os en páginas web.
- Lea le .MiniMap: si e pa a añadi un mapa pequeño en un incón del mapa p incipal,
en el que se isualiza el mismo mapa, pe o a un ni el de zoom in e io .
- jque y: El código hace una llamada AJAX con jQue y a un se icio WFS pa a ob ene
da os geoespaciales en o ma o JSON y mos a los en la página web.
5.2 Desc ipción del iso
A con inuación, se desc ibe el iso , sus ca ac e ís icas y uncionamien o con la ayuda de
algunas imágenes del iso web. En p ime luga , podemos e la igu a 13 con la apa iencia
inicial del iso .
Fig.13: Imagen inicial del iso
1. Cuad o de búsqueda po la i ud y longi ud: Pe mi e al usua io ing esa coo denadas
(la i ud y longi ud) en WGS84 pa a es ablece el cen o del adio en el mapa.
2. Cuad o de adio: Un campo donde el usua io puede ing esa un alo pa a de ini un
adio en me os pa a de ini la zona de búsqueda y isualización con cen o en las
coo denadas in oducidas
3. Selec o po ipo de conec o : Pa a mos a el ipo de conec o que quie e el usua io
4. Bo ón de il a pun os y ese : Un bo ón que pe mi e il a los pun os que es én den o
del adio es ablecido y un bo ón de " ese " pa a es au a el mapa a su es ado o iginal.
5. Mini mapa: Una is a en minia u a del mapa p incipal, u ilizada pa a p opo ciona una
e e encia ápida de la ubicación gene al en el mapa.
6. Coo denadas en iempo eal de donde es é el cu so : Mues a las coo denadas (la i ud y
longi ud) de la ubicación ac ual del cu so del a ón sob e el mapa en iempo eal.
7. Con ol del zoom: He amien a que pe mi e al usua io ace ca o aleja el mapa,
no malmen e con bo ones o u ilizando la ueda del a ón.
8. Escala g á ica: Un elemen o isual en el mapa que indica la dis ancia eal en el e eno,
pe mi iendo al usua io medi dis ancias de mane a isual.
El iso pe mi e al usua io es ablece un pun o en el mapa, in oduciendo las coo denadas o
haciendo un clic en el mapa y se in oduci á la coo denada de ese pun o. La coo denada
in oducida se con ie e en el cen o de una ci cun e encia que pod á de ini el adio, jun o con
el ipo de conec o que desee u iliza . De es e modo, el iso mos a á odos los pun os que se
encuen en den o de es a ci cun e encia, acili ando al usua io la isualización de las opciones
disponibles en esa á ea. Además, el usua io iene la opción de selecciona un ipo de conec o
sin necesidad de especi ica coo denadas ni adio, lo que pe mi i á que el iso mues e odos
los pun os co espondien es a ese ipo de conec o en el mapa (Fig.14).
Mapa in e ac i o de pun os de ca ga pa a coches eléc icos en Ba celona
18
Fig.14: Ejemplo de búsqueda
5.3 Desc ipción del código del iso
La siguien e imagen (Fig.15) nos mues a cómo el código p opo cionado ealiza a ias
unciones esenciales pa a la c eación del iso . La p ime a línea es ablece la codi icación de
ca ac e es como UTF-8, lo que pe mi e maneja ca ac e es especiales co ec amen e. A
con inuación, se con igu a la en ana g á ica pa a que la página sea esponsi a y se ca gue con
un ni el de zoom inicial de 1. El í ulo de la página se de ine, y es e apa ece á en la pes aña del
na egado .
Se incluyen a chi os CSS que aplican es ilos necesa ios pa a la isualización de mapas
in e ac i os usando la lib e ía Lea le , así como un a chi o adicional pa a un plugin MiniMap
que añade un mini mapa a la in e az. Pos e io men e, se ca gan los a chi os Ja aSc ip de
Lea le y el plugin Lea le MiniMap, que pe mi en ag ega la uncionalidad de mapas
in e ac i os y mini mapas. También se ca ga la lib e ía jQue y, que acili a la manipulación de
elemen os HTML, el manejo de e en os y la ealización de pe iciones AJAX, mejo ando así la
in e ac i idad y dinamismo de la página.
Fig.15: La cabece a del código
En la igu a 16 nos p opo ciona el es ilo del cue po de la página (body) es ablece la uen e como
A ial y elimina má genes y ellenos p ede e minados pa a un diseño más limpio. El con enedo
del í ulo (# i le-con aine ) cen a el ex o, es ablece un ondo de colo e de (#4CAF50), y
de ine un amaño de uen e de 24px con neg i a.
En cuan o a los con oles (#con ols), se les da un elleno de 10px, un ondo de colo g is cla o
(# 9 9 9), y un bo de in e io de 1px en colo g is oscu o (#ddd). Los con oles se o ganizan en
un diseño lexible (con display: lex), de modo que los elemen os den o de es e con enedo se
alinean al cen o, con un espacio de 10px en e ellos y un ajus e de línea si es necesa io g acias
a la p opiedad lex-w ap.
Pa a los elemen os den o de los con oles, como las e ique as, campos de en ada, selec o es y
bo ones (#con ols label, #con ols inpu , #con ols selec , #con ols bu on), se les asigna un
elleno de 5px, un amaño de uen e de 14px, y un ma gen a la de echa de 10px pa a sepa a
los elemen os. El es ilo del mapa (#map) asegu a que es e ocupe el 100% del ancho de su
con enedo y enga una al u a de 600px. El es ilo de las coo denadas del cu so (#cu so -
coo dina es) de ine que el ex o de las coo denadas es é cen ado en la pa e supe io del
con enedo , con un amaño de uen e de 16px y en neg i a.
Fig.16: El es ilo del iso

Mapa in e ac i o de pun os de ca ga pa a coches eléc icos en Ba celona
20
En la siguien e imagen (Fig.17) podemos e cómo es ablecemos el í ulo y los bo ones de la
ba a de búsqueda. En p ime luga , se mues a un í ulo en el con enedo de í ulo (# i le-
con aine ), que in o ma sob e los pun os de ca ga pa a ehículos eléc icos en Ba celona. Luego,
se c ea un conjun o de campos de en ada den o del con enedo de con oles (#con ols). Es os
campos pe mi en al usua io ing esa la la i ud y longi ud median e los campos de ex o
co espondien es (la y lng), con un ex o de ejemplo en los placeholde s indicando cómo
in oduci los alo es. También se incluye un campo pa a el ango de dis ancia (en me os), con
su co espondien e e ique a y campo de ex o ( ange). Además, el código incluye un menú
desplegable (<selec >) pa a que el usua io elija el ipo de conec o . Las opciones disponibles
son Mennekes, CHADEMO, CCS_TYPE_2, y WALL_OUTLET, cada una ep esen ando
di e en es ipos de conec o es pa a ca gado es de ehículos eléc icos.
Finalmen e es ableciendo dos bo ones: uno pa a il a los pun os según los c i e ios
es ablecidos po el usua io (id=" il e ") y o o pa a es ablece los alo es a su es ado o iginal
(id=" ese "). Es e conjun o de elemen os HTML pe mi e la en ada de da os po pa e del
usua io y o ece bo ones pa a il a o es ablece la is a de los pun os de ca ga en el mapa.
Fig.17: El í ulo y los bo ones
En es a sección (Fig.18) emos que el mapa se ajus a al 100% de ancho y iene una al u a de
600 píxeles. El segundo con enedo mues a las coo denadas del cu so (la i ud y longi ud) en
iempo eal, ac ualizándose mien as el usua io mue e el a ón sob e el mapa. Las coo denadas
es án inicialmen e en "0.0000" y se ac ualizan a medida que se in e ac úa con el mapa.
Fig.18: Las coo denadas del cu so a iempo eal
En la siguien e imagen (Fig.19) el código inicializa el iso cen ado en Ba celona con Lea le ,
u ilizando coo denadas especí icas y un ni el de zoom de 13. Se ag ega una capa base de
OpenS ee Map que p opo ciona el ondo del mapa con de alles geog á icos, y se añade un
MiniMapa que o ece una is a educida del á ea p incipal, pe mi iendo a los usua ios ene una
e e encia isual de su ubicación den o de un espacio más amplio. Además, se incluye una
ba a de escala en la esquina in e io izquie da pa a medi dis ancias en unidades mé icas.
Fig.19: Inicio del cue po del código
A con inuación, es la sección que ca ga y isualiza odos los pun os de ca ga disponibles en el
mapa, ob eniéndose de un se ido WFS en o ma o GeoJSON. También añade in o mación
adicional a cada pun o a a és de popups que se mues an al hace clic en los ma cado es. Con
es a sección hace que nada más inicia el iso emos los pun os y podemos e la in o mación
de cada pun o (Fig.20).
Mapa in e ac i o de pun os de ca ga pa a coches eléc icos en Ba celona
22
Fig.20: llamada de w s y ep esen ado en popups.
En la imagen (Fig.21) se mues a una sección de la unción de búsqueda de pun os de ca ga,
donde se solici a al usua io in oduci la la i ud, longi ud, ango y ipo de conec o . La
coo denada p opo cionada po el usua io se u iliza como el cen o de una ci cun e encia, y el
ango ing esado de ine el adio de es a ci cun e encia. Al selecciona un ipo de conec o , el
iso solo mos a á los pun os de ca ga que se encuen en den o de ese adio, acili ando la
búsqueda de los pun os más ce canos que cumplen con los c i e ios es ablecidos.
Fig.21: Una sección del código de il a pun os.
Finalmen e enemos la unción del bo ón de ese que bo a el esul ado de la an e io búsqueda
y ol e á a apa ece odos los pun os. Después enemos la unción de mos a las coo denadas
del cu so (Fig.22).
Fig.22: bo ón de ese y coo denadas del cu so
Mapa in e ac i o de pun os de ca ga pa a coches eléc icos en Ba celona
30

Mapa in e ac i o de pun os de ca ga pa a coches eléc icos en Ba celona
32
Mapa in e ac i o de pun os de ca ga pa a coches eléc icos en Ba celona
34