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

ArcGIS JavaScript を使い始める - 複数の検索ソース

Egge-Jan_Pollé

<\/HEAD>

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

<\/P>

Search ウィジェットには、1つまたは複数の検索ソースを追加できます。以下のウェブマッピングアプリケーションでは、以前の演習で個別に扱った2つの検索ソースを組み合わせています。<\/P>

<\/P>

演習

https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/05\/13\/aan-de-slag-met-arcgis-javascript-adres-zoeken<\/A> では、Locator、つまり Esri Nederland の BAG Geocoder を検索ソースとして使用しました。<\/LI>演習 https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/05\/31\/aan-de-slag-met-arcgis-javascript-feature-zoeken<\/A> では、1つまたは複数の属性値列でレイヤーを検索する方法を示しています。<\/LI><\/UL>

<\/P>

以下のコードでは、両方のソースを1つの Search ウィジェットに追加し、エンドユーザーが住所と FeatureLayer のレコードの両方で検索できるようにしています。<\/P>

<\/P>

ここをクリックして結合された検索バーの動作を確認してください。<\/A><\/P>

<\/P>

<!DOCTYPE html><\/SPAN>\n<<\/  rdOrigin<SPAN class="punctuation token">,
	    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 (2019)",
          placeholder: "例: Vijfheerenlanden"
          },
		  {
		  locator: new Locator({ url: "https://services.arcgisonline.nl/arcgis/rest/services/Geocoder_BAG_RD/GeocodeServer"}),</ SPAN> <span class=

タグ付けされた投稿をもっと見る

There are no comments yet

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

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