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

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://www.barcelona.cat/estatics/geobcn/1.0/api-full-ca.js"></script>


HTML

Elements html necessaris per contenir els geocomponents:



Javascript