Adreces (7)
Mapa per cerca d'adreces en modalitat mòbil Cerca d'adreça en dues passes amb mapa auxiliar Cerca d'adreces per proximitat a una coordenada Cercador d'adreces HTML Cercador per obtenir les dades JSON Selecció d'adreça per parcel·la Cerca unificada de vies i carrers
Interacció i Personalització (4)
Interacció entre mapa i cercador amb panells personalizats Interacció entre mapa i cercadors Moure i centrar el mapa Dibuixar línies sobre el mapa
Capes de mapa (2)
Mapa amb capes vectorials de territori Mapa amb fons topogràfic de l'ICGC

Cercador d'adreces HTML

Alerta: vostè està veient un exemple de la versió 0.5.
Aquesta versió està obsoleta i es troba fora de manteniment.

A partir de elements html existents crea els cercadors d'adreces com a desplegables / autocompletables. Aquest cercador utilitza el tipus de via per poder especificar carrers, places, avingudes, etc.

Esculli l'estil del cercador:



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://geoportal.barcelona.cat/geoBCN/js/api?v=0.5&f=jsapi.js&lang=ca"></script>

HTML

Elements html necessaris per contenir els geocomponents:





Javascript