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

Interacció entre mapa i cercadors personalitzats

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

S'integra un cercador d'adreces compost i un component de mapa que es troben relacionats.

Quan el cercador obté una adreça, automàticament es mostra sobre el mapa. De manera inversa, quan mitjançant el mapa es selecciona una adreça, aquesta es reflexa al cercador.

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