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

Cerca d'adreça en dues passes amb mapa auxiliar

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

El present exemple integra la cerca d'adreces amb tipus de via. Opcionalment es pot triar l'adreça a través del mapa prement el botó "Triar al mapa".

Mapa i cercadors es troben vinculats i automàticament s'actualitzen en modificar-ne un dels dos.

Esculli l'estil del cercador:


Primer pas: cerca

Introduïu la vostra adreça o premeu Triar al mapa

Segon pas: confirmi dades

Les dades seleccionades son:





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

HTML

Elements html necessaris per contenir els geocomponents:





Javascript