Class: Cercadors

geoBCN.Html.Cercadors

new geoBCN.Html.Cercadors(opcions){geoBCN.Html.Cercadors}

Classe Cercadors: Crea un panell de cerca al l'element html i amb els cercadors especificats

Nom paràmetre Descripció
opcions

Opcions per crear l'autocomplete

Nom paràmetre Tipus Descripció
divId string

Id del div o element DOM que inclourà els panells de cerca

cerques geoBCN.Html.ModeCerca

Array amb els modes de cerca desitjats

mapa geoBCN.Mapa

Objecte mapa al que s'han de lligar els cercadors per mostrar els resultats

Exemple

Exemple de contrucció d'un panell de cercadors relacionat amb el mapa

<script type="text/javascript">
	// Declarem el mapa i els cercadors
	var mapa1, cercadors;
	// Establim l'entorn en mode web
	geoBCN.esMobil = false;
	// Farem ús dels cercadors HTML
	geoBCN.usHTML = true;
	//Programem la inicialització de l'entorn
	geoBCN.ready = function () {
	
		//Construim el mapa amb les nostres preferències
		mapa1 = new geoBCN.Map({
			divId: "map",
			mode: "NAV",
			fons: ["SAT", "BAS"],
			seleccioAdreca: function (adreça) { console.log("adreça"); }
		});

		//Construim els cercadors amb totes les opcions de cerca possibles i els relacionem amb el mapa
		cercadors = new geoBCN.Html.Cercadors({
			"divId": "divCercadors",
			"mapa": mapa1,
			"cerques": ["COORD", "ADR", "CRU", "ILLA",
						"RC", "F1000", "BRR", "SECC", "DST"]
		});
	}
</script>

Membres estàtics

inputs

Objecte que contè les instàncies dels diferents autocompletes i inputs de cerca generats a la inicialització. Es poden captura els events d'aquestes instàncies. Ex:

Exemple

Exemple de captura d'events del input de cerca de carrers

geoBCN.Html.setTheme({'theme':'bermuda'});

Mètodes

afegirPanell(opcions){geoBCN.Html.Panell}

Permet afegir un panell personalitzable al cercador

Nom paràmetre Descripció
opcions

Opcions per obrir el panell

Nom paràmetre Tipus Descripció
id integer

id del panell -ha de ser ùnic-

html string opcional

html que es vol que contingui el panell

dom string opcional

Element del DOM que es vol que contingui el panell

netejaInputs(){void}

Permet netejar tots els inputs de cerca dels diferents panells (Excepte els panells personalitzats)

obrePanell(opcions){void}

Permet obrir un dels panells del cercador

Nom paràmetre Descripció
opcions

Opcions per obrir el panell

Nom paràmetre Tipus Descripció
idPanell integer

id del panell que es vol obrir, 0 pel 1r, 1 pel segón...