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; } } }

Erste Schritte mit ArcGIS JavaScript - Mehrere Suchquellen

Egge-Jan_Pollé

<\/HEAD>

<\/A>Search Widget<\/H2>

<\/P>

Du kannst einem

Search<\/A>-Widget eine oder mehrere Suchquellen hinzufügen. In der untenstehenden Web-Mapping-Anwendung kombinieren wir die zwei Suchquellen, die wir in früheren Übungen einzeln behandelt haben.<\/P>

<\/P>

Für die Übung

https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/05\/13\/aan-de-slag-met-arcgis-javascript-adres-zoeken<\/A> haben wir einen Locator<\/STRONG>, nämlich den BAG Geocoder von Esri Nederland, als Suchquelle verwendet;<\/LI>Mit der Übung https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/05\/31\/aan-de-slag-met-arcgis-javascript-feature-zoeken<\/A> zeigen wir, wie man eine Ebene nach einem oder mehreren Attributspalten durchsuchen kann.<\/LI><\/UL>

<\/P>

Im folgenden Code siehst du, wie wir beide Quellen zu einem Search-Widget hinzufügen, sodass der Endbenutzer sowohl nach einer Adresse als auch nach einem Datensatz aus einer FeatureLayer suchen kann.<\/P>

<\/P>

Klicke hier, um die kombinierte Suchleiste in Aktion zu sehen.<\/A><\/P>

<\/P>

<!DOCTYPE html><\/>SPAN>
<<\/>html<\/>SPAN>><\/>SPAN><\/>SPAN>
<<\/>head<\/>SPAN>><\/>SPAN><\/>SPAN>
<<\/>meta<\/>SPAN> charset<\/>SPAN>=<\/>SPAN>"<\/>utf-8"<\/><\/>SPAN>><\/>SPAN><\/>SPAN>
<<\/>meta<\/>SPAN> name<\/>SPAN>=<\/>SPAN>"<\/>viewport"<\/><\/>span> content<\/>=<\/>"<\/>initial-scale=1, maximum-scale=1, user-scalable=no"

rdOrigin,/span
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: "Gemeinde {Gemeentenaam} </br>CBS Code: {GM_Code}",
overwriteActions: true
}
});

var searchWidget = new Search({
view: view,
allPlaceholder: "Gemeinde oder Adresse",
sources: [
{
layer: featureLayerGemeenten,
searchFields: ["Gemeentenaam", "GM_Code"],
suggestionTemplate: "{Gemeentenaam} ({GM_Code})",
exactMatch: false,
outFields: ["Gemeentenaam", "GM_Code"],
name: "Gemeente in Nederland (2019)",
placeholder: "zum Beispiel: Vijfheerenlanden"
},
{
locator: new Locator({ url:"https://services.arcgisonline.nl/arcgis/rest/services/Geocoder_BAG_RD/GeocodeServer" }), // GeocodeServer von Esri Nederland
singleLineFieldName: "SingleLine", // Diese Option ermöglicht die Suche nach Postleitzahl/Hausnummer-Kombination, z.B.: 4181 AE 38
placeholder: "Adresse suchen", // „Find address or place“ für die englische Locale, „Adres of plaats zoeken“ für die niederländische Locale
name: "Adresse in den Niederlanden"
}
],
includeDefaultSources: false
});

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

Finde mehr Beiträge mit dem Tag

Kommentare

There are no comments yet

Nehmen Sie an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registrieren Sie ein kostenloses Konto.

Anmelden
Registrieren

Schnellzugriffe

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