Klikněte zde a uvidíte kombinovaný vyhledávací panel v akci.<\/A><\/P><\/P>
<!DOCTYPE html><\/>\n<<\/>html<\/>\n<<\/>head<\/>\n <<\/>meta charset=\"utf-8\"><\/>\n <<\/>meta name=\"viewport\" content=\"initial-scale=1, maximum-scale=1, user-scalable=no\"><\/>\n <<\/>title>Začínáme s ArcGIS JavaScript - Více zdrojů vyhledávání</title><\/>\n <<\/>style><\/>\n html, body, #viewDiv {<\/>\n padding: 0;<\/>\n margin: 0;<\/>\n height: 100%;<\/>\n width: 100%;<\/>\n }<\/>\n </style><\/>\n</head><\/>\n<link rel=\"stylesheet\" href=\"https://js.arcgis.com/4.11/esri/css/main.css\"><\/>\n <script src=\"https://js.arcgis.com/4.11/\"></script><\/>\n <script>
require([
"esri/Map",
"esri/geometry/Point",
"esri/views/MapView",
"esri/layers/FeatureLayer",
"esri/widgets/Search",
"esri/tasks/Locator"
], function(Map, Point, MapView, FeatureLayer, Search, Locator) {
var map = new Map({
basemap: {
portalItem: {
id: "7aea6fa913a94176a1074edb40690318" // Topo RD
}
}
});
var rdOrigin = new Point({
x: 155000,
y: 463000,
spatialReference: 28992
});
var view = new MapView({
spatialReference: 28992,
container: "viewDiv",
map: map,
center: rdOrigin,
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: "například: Vijfheerenlanden"
},
{
locator: new Locator ( { url: "https://services.arcgisonline.nl/arcgis/rest/services/Geocoder_BAG_RD/GeocodeServer" } ) , // GeocodeServer van Esri Nederland
singleLineFieldName: "SingleLine" , // Tato možnost umožňuje vyhledávat podle kombinace PSČ/čísla domu, například: 4181 AE 38
placeholder: "Vyhledat adresu" , // "Find address or place" pro anglickou lokalizaci, "Adres of plaats zoeken" pro nizozemskou lokalizaci
name: "Adres v Nizozemsku"
}
],
includeDefaultSources: false
}) ;
view.ui.add([searchWidget], "top-right");
});
<<EMOji _74 > >< << EM OJ I _75 > >< << EM OJ I _76 > >< << EM OJ I _77 > >< << EM OJ I _78 > >< << EM OJ I _79 > >< << EM OJ I _80 > >< << EM OJ I _81 > >< << EM OJ I _82 > >< << EM OJ I _83 > >< << EM OJ I _84 > >< << EM OJ I _85 > >< << EM OJ I _86 > >< << EM OJ I _87 > >< << EM OJ I _88 > >< << EM OJ I _89 > >< << EM OJ I _90 >>
