Adreces i Territori (8)
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 Panell de cerca territorial Selecció d'adreça per parcel·la Cerca unificada de vies i carrers Cercador de cruilles
Interacció i Personalització (7)
Afegir marcadors sobre el mapa Afegir informació sobre el mapa Interacció entre mapa i cercador amb panells personalizats Interacció entre mapa i cercadors Moure i centrar el mapa Dibuixar línies sobre el mapa Destructor de mapa
Capes de mapa (4)
Mapa amb capes vectorials de territori Mapa amb fons topogràfic de l'ICGC Integració de les capes de Barcelona Fons de mapa externs personalitzats
Integració Angular (1)
Ús i integració del Geocomponent Mapa Angular

Moure i centrar mapa

Mapa amb control de selecció de barris que ajuda a testejar el mètode centrar.

Té dos comportaments:

1) Amb l'eina de selecciónar activada, quan fem clic sobre un barri, aleshores el mapa encaixa de manera que es veu tot el barri al nivell de vista que quedi ajustat.

2) Amb l'eina desactivada, si fem clic sobre el mapa, ens apropa a la zona clicada.


Veieu el mètode en detall a la Documentació de l'Api:

geoBCN.Mapa.centrar()

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