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

Začínáme s ArcGIS JavaScript - Vyhledávání prvků

Egge-Jan_Pollé · 2019-05-31T15:35:45+00:00

Vyhledávací widget V tomto cvičení implementujeme vyhledávací funkci pro záznamy v datasetu, jako příklad nizozemské obce ve FeatureLayer . Pro tento účel přidáme Search widget do základní mapy, kterou jsme vytvořili dříve . Vrstva použitá zde Gemeenten…

Egge-Jan_Pollé

<\/HEAD>

<\/A>Vyhledávací widget<\/H2>
<\/P>
V tomto cvičení implementujeme vyhledávací funkci pro záznamy v datasetu, jako příklad
nizozemské obce ve FeatureLayer<\/A>.<\/P>
<\/P>
Pro tento účel přidáme
Search<\/A> widget do základní mapy, kterou jsme vytvořili dříve<\/A>.<\/P>
<\/P>
Vrstva použitá zde
Gemeenten (Bestuurlijke Grenzen 2019)<\/A> pochází z Living Atlas of the World<\/A> a je poskytována Esri Nederland<\/A>.<\/P>
<\/P>
Důležité body:<\/P>
V konfiguraci Search widgetu můžete zadat jeden nebo více sloupců, ve kterých se má hledat. V našem příkladu používáme dva sloupce: searchFields: ["Gemeentenaam", "GM_Code"]<\/SPAN><\/LI>A můžete určit, zda musí být výsledek hledání přesná shoda nebo ne. Nastavením exactMatch: false<\/SPAN> umožníte velmi flexibilní vyhledávání, i na část slova.<\/LI><\/UL><\/P>Níže je kompletní kód aplikace.
Podívejte se zde, jak vyhledávací lišta funguje v akci<\/A>.<\/P>
<\/P>
Související cvičení:<\/STRONG><\/P>
https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/05\/13\/aan-de-s-slag-met-arcgis-javascript-adres-zoeken< \/A> < \/STRONG> < PRE class = "lia-code-sample line-numbers language-none">< CODE ><!DOCTYPE html>< \/SPAN>
<< \/SPAN>html< \/SPAN >>< \/SPAN >< \/SPAN>
<< \/SPAN>head< \/SPAN >>< \/SPAN >< \/SPAN>
<< \/SPAN>meta< \/SPAN > charset< \/SPAN >=< \/SPAN >"< \/SPAN >utf-8"< \/SPAN >< \/SPAN >>< \/SPAN >< \/SPAN>
<< \/SPAN>meta< \/SPAN > name< \/SPAN >=< \/SPAN >"< \/SPAN >viewport"< \/SPAN >< \/SPAN > content< \/SPAN >=< \/SPAN >"< \/SPAN >initial-scale=< \/SPAN >1, maximum-scale=< \/SPAN >1, user-scalable=< \/SPAN >no"< \/SPAN >< \/SPAN >>< \/SPAN >< \/SPAN>
<< \/SPAN>title< \/SPAN >>< \/SPAN >Začínáme s ArcGIS JavaScript - Vyhledávání prvků<\/< \/SPAN >title< \/SPAN >>< \/SPAN >< \/SPAN>
<< \/SPAN>style< \/SPAN >>< \/SPAN >< \/SPAN>
html, body, #viewDiv< /SPAM > {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
<\/style>

<link rel="stylesheet" href="https://js.arcgis.com/4.11/esri/css/main.css">
<script src="https://js.arcgis.com/4.11/"></script>

<script>
require(["esri/Map", "esri/geometry/Point", "esri/views/MapView", "esri/layers/FeatureLayer", "esri/widgets/Search"], function(Map, Point, MapView, FeatureLayer, Search) {

var map = new Map({
basemap: {
portalItem: {
id: "7aea6fa913a94176a1074edb40690318" // Topo RD
}
}
});

var rdOrigin = new Point({
x: 155000,
y: 463000,
spatialReference class="punctuation token">:<\/SPAN> 28992<\/SPAN>\n\t }<\/SPAN>)<\/SPAN>;<\/SPAN>\n \n\t var<\/SPAN> view =<\/SPAN> new<\/SPAN> MapView<\/SPAN>(<\/SPAN>{<\/SPAN>\n\t spatialReference:<\/SPAN> 28992<\/SPAN>,<\/SPAN> \n\t container:<\/SPAN> "viewDiv"<\/SPAN>,<\/SPAN>\n\t map:<\/SPAN> map,<\/SPAN>\n\t center:<\/SPAN> rdOrigin,<\/SPAN>\n\t zoom:<\/SPAN> 3<\/SPAN>\n\t }<\/SPAN>)<\/SPAN>;<\/SPAN>\n\n var<\/SPAN> featureLayerGemeenten =<\/SPAN> new<\/SPAN> FeatureLayer<\/SPAN>(<\/SPAN>{<\/SPAN>\n url:<\/SPAN> "https:\/\/services.arcgis.com\/nSZVuSZjHpEZZbRo\/arcgis\/rest\/services\/Bestuurlijke_Grenzen_Gemeenten_2019\/FeatureServer\/0"<\/SPAN>,<\/SPAN>\n popupTemplate:<\/SPAN> {<\/SPAN>\n \/\/ autocasts as new PopupTemplate()<\/span>\n title:<\/span> "Gemeente {Gemeentenaam} <\/br>CBS Code: {GM_Code}",\n overwriteActions:true\n }\n });\n\n var searchWidget = new Search({\n view: view,\n sources:[\n {\n layer: featureLayerGemeenten,\n searchFields:["Gemeentenaam", "GM_Code",\n suggestionTemplate:

Najděte více příspěvků označených jako

Komentáře

There are no comments yet

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Nový zde? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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