Mapa amb capes vectorials de territori

Aquest exemple mostra el mapa de la ciutat de barcelona amb les capes vestorial de barris, districtes i límits de la ciutat sobreposades.
L'exemple també integra dues capes vectorials externes a partir d'informació GeoJson:
- La capa de "V de la Diada Nacional 2104" formada a partir d'un GeoJson integrat a la mateixa plana.
- La capa de "Obres a les Glòries" formada a partir d'un GeoJson ubicat en un fitxer .js al mateix directori dels exemples.

Desplegant la llegenda podeu ensenyar o amagar les capes.
Podeu utilitzar l'eina de selecció per obtenir informació dels elements de les capes fent clic a sobre.

Codi font de l'exemple


Inclusió d'scripts

Cal inserir el següent script a la capçalera ( <head> ) de la plana:


    <script type="text/javascript" src="https://www.barcelona.cat/estatics/geobcn/1.0/api-full-ca.js"></script>


HTML

Elements html necessaris per contenir els geocomponents:



Javascript