nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Commencer avec ArcGIS JavaScript - Sources de recherche multiples

Egge-Jan_Pollé

<\/HEAD>

<\/A>Widget de recherche<\/H2>

<\/P>

À un widget

Search<\/A>, vous pouvez ajouter une ou plusieurs sources de recherche. Dans l'application web mapping ci-dessous, nous combinons les deux sources de recherche que nous avons traitées séparément dans des exercices précédents.<\/P>

<\/P>

Pour l'exercice

https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/05\/13\/aan-de-slag-met-arcgis-javascript-adres-zoeken<\/A>, nous avons utilisé un Locator<\/STRONG>, à savoir le BAG Geocoder d'Esri Nederland, comme source de recherche ;<\/LI>Avec l'exercice https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/05\/31\/aan-de-slag-met-arcgis-javascript-feature-zoeken<\/A>, nous montrons comment rechercher dans une couche sur une ou plusieurs colonnes avec des valeurs d'attributs.<\/LI><\/UL>

<\/P>

Dans le code ci-dessous, vous voyez comment nous ajoutons les deux sources à un seul widget Search, afin que l'utilisateur final puisse rechercher à la fois une adresse et un enregistrement d'une FeatureLayer.<\/P>

<\/P>

Cliquez ici pour voir la barre de recherche combinée en action.<\/A><\/P>

<\/P>

<!DOCTYPE html><\/>SPAN>
<<\/>html<\/>SPAN>><\/>SPAN><\/>SPAN>
<<\/>head<\/>SPAN>><\/>SPAN><\/>SPAN>
<<\/>meta<\/>SPAN> charset<\/>SPAN>=<\/>SPAN>"<\/>utf-8"<\/>SPAN><\/>SPAN>><\/>SPAN><\/>SPAN>
<<\/>meta<\/>SPAN> name<\/>SPAN>=<\/>SPAN>"<\/>viewport,
	    zoom: 3
});

var featureLayerGemeenten = new FeatureLayer({
        url: "https://services.arcgis.com/nSZVuSZjHpEZZbRo/arcgis/rest/services/Bestuurlijke_Grenzen_Gemeenten_2019/FeatureServer/0",
      popupTemplate: {
// autocasts as new PopupTemplate()
          title: "Gemeente {Gemeentenaam} </br>CBS Code: {GM_Code}",
          overwriteActions: true
}
});

var searchWidget = new Search({
        view: view,
		allPlaceholder: "Gemeente of Adres",
        sources: [
{
          layer: featureLayerGemeenten,
          searchFields:["Gemeentenaam","GM_Code"] ,
          suggestionTemplate:"{Gemeentenaam} ({GM_Code})" ,
          exactMatch: false ,
          outFields:["Gemeentenaam","GM_Code"] ,
          name:"Gemeente in Nederland (2019)" ,
          placeholder:"bijvoorbeeld: Vijfheerenlanden" 
          } ,
		  { ,
		  locator: new Locator({ url:"https://services.arcgisonline.nl/arcgis/rest/services/Geocoder_BAG_RD/GeocodeServer" }) , // GeocodeServer van Esri Nederland
           singleLineFieldName:"SingleLine" , // Cette option permet de rechercher par combinaison code postal/numéro de maison, par exemple : 4181 AE 38
           placeholder:"Adres zoeken" , // "Find address or place" pour la locale English, "Adres of plaats zoeken" pour la locale néerlandaise
           name:"Adres in Nederland" 
		  } 
		], 
        includeDefaultSources: false 
      } ) ;

	  view.ui.add([searchWidget], "top-right");
    });





‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍< span >< < EM OJ I _33 > > < / span > < span > << EM OJ I _34 > > < / span > < span > << EM OJ I _35 > > < / span > < span > << EM OJ I _36 > > < / span > < span > << EM OJ I _37 > > < / span > < span > << EM OJ I _38 > > < / span > < span > << EM OJ I _39 > > < / span > < span > << EM OJ I _40 > > < / span > < span > << EM OJ I _41 > > < / span > < span > << EM OJ I _42 > > < / span > < span > << EM OJ I _43 > > < / span > < span > << EM OJ I _44 > > < / span > < span > << EM OJ I _45 > > < / span > < span > << EM OJ I _46 > > < / span > < span > << EM OJ I _47 > > < / span > < span > << EM OJ I _48 > > < / span > < span ><  EMOJ I _49 >> < spa n ><  EMOJ I _50 >> < spa n ><  EMOJ I _51 >> < spa n ><  EMOJ I _52 >> < spa n ><  EMOJ I _53 >> < spa n ><  EMOJ I _54 >> < spa n ><  EMOJ I _55 >> < spa n ><  EMOJ I _56 >> < spa n ><  EMOJ I _57 >> < spa n ><  EMOJ I _58 >> < spa n ><  EMOJ I _59 >> < spa n ><  EMOJ I _60 >> < spa n ><  EMOJ I _61 >> < spa n ><  EMOJ I _62 >> < spa n ><  EMOJ I _63 >> < spa n ><  EMOJ I _64 >> < spa n ><  EMOJ I _65 >> < spa n ><  EMOJ I _66 >> < spa n ><  EMOJ I _67 >> < spa n ><  EMOJ I _68 >> < spa n ><  EMOJ I _69 >> < spa n ><  EMOJ I _70 >> < spa n ><  EMOJ I _71 >> < spa n ><  EMOJ I _72 >> < spa n ><  EMOJ I _73 >> < spa n ><  EMOJ I _74 >> < spa n ><  EMOJ I _75 >> < spa n ><  EMOJ I _76 >> < spa n ><  EMOJ I _77 >> < spa n ><  EMOJ I _78 >> < spa n ><  EMOJ I _79 >> < spa n ><  EMOJ I _80 >> < spa n ><  EMOJ I _81 >> < spa n /><|diff_marker|user|>{

Trouver plus de publications taguées avec

Réponses

There are no comments yet

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.