Klikněte zde pro zobrazení skládání a rozkládání widgetů v akci.<\A><\P><\P><!DOCTYPE html><\SPAN>
<<\SPAN>html<\SPAN>><\SPAN>
<<\SPAN>head<\SPAN>><\SPAN>
<<\SPAN>meta<\SPAN> charset<\SPAN>="utf-8"><\SPAN>
<<\SPAN>meta<\SPAN> name<\SPAN>="viewport" content<\SPAN>="initial-scale=1, maximum-scale=1, user-scalable=no"><\SPAN>
<<\SPAN>title<\SPAN>><\TITLE>Aan de slag met ArcGIS JavaScript - Widget inklappen<\TITLE></title>
<style>
html, body, #viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
require([
"esri/Map",
"esri/geometry/Point",
"esri/views/MapView",
"esri/layers/WMTSLayer",
"esri/widgets/Search",
"esri/tasks/Locator",
"esri/Basemap",
"esri/widgets/BasemapGallery",
"esri/widgets/BasemapGallery/support/LocalBasemapsSource",
"esri/widgets/Expand"
], function(Map, Point, MapView, WMTSLayer, Search, Locator, Basemap, BasemapGallery, LocalBasemapsSource, Expand) {
// BRT Achtergrondkaart van PDOK als achtergrondkaart
var brtachtergrondkaart = new Basemap({
baseLayers: [
new WMTSLayer({
url: "https://geodata.nationaalgeoregister.nl/tiles/service/wmts?request=GetCapabilities&service=WMTS",
copyright:
"<a target='_top' href='https:\/\/www.pdok.nl\/introductie\/-\/article\/basisregistratie-topografie-achtergrondkaarten-brt-a-'>BRT Achtergrondkaart<\/a> van <a target='_top' href='https:\/\/www.pdok.nl\/'>PDOK<\/a>"<\/SPAN>,
activeLayer: {
id: "brtachtergrondkaart"
}
})
],
title: "BRT Achtergrondkaart (PDOK)",
id: "brtachtergrondkaart_pdok",
thumbnailUrl: "https:\/\/www.pdok.nl\/o\/iv-pdok-theme\/images\/pdok\/map.jpg"
});
\/\/ Základní mapy Esr Nederland
var lightGrayCanvas_RD_EsriNL = new Basemap({portalItem: {id: "9ff6521e85d24df1aa9cd4aebfef748b"}}); \/\/Světlě šedé plátno RD
var darkGrayCanvas_RD_EsriNL = new Basemap({portalItem: {id: "62a3befb579e4d9f9c5c51576c8a7c25"}}); //Tmavě šedé plátno RD
var topo_RD_EsriNL = new Basemap({portalItem: {id: "7aea6fa913a94176a1074edb40690318"}}); //Topo RD
var open_Topo_RD_EsriNL = new Basemap({portalItem: {id: "0698b71eb7cf47898086d072e574ac32"}}); //Open Topo RD//Open Topo RD//Open Topo RD//Open Topo RD//Open Topo RD//Open Topo RD//Open Topo RD//Open Topo RD//Open Topo RD//Open Topo RD//Open Topo RD//Open Topo RD//Open Topo RD//Open Topo RD//Open Topo RD//Open Topo RD
var stratenkaart_RD_EsriNL = new Basemap({portalItem:{id:"9fe1a753955f418fa1cbaf1c47610a47"}}); //Stratenkaart RD
var luchtfoto_RD_EsriNL = new Basemap({portalItem:{id:"38e1a1c6ee2c421290622400d22ecf57"}}); //Luchtfoto RD
var dutchBasemaps = new LocalBasemapsSource({
basemaps : [brtachtergrondkaart, topo_RD_EsriNL, open_Topo_RD_EsriNL, stratenkaart_RD_EsriNL, luchtfoto_RD_EsriNL, lightGrayCanvas_RD_EsriNL, darkGrayCanvas_RD_EsriNL]
});
var map = new Map({
basemap: topo_RD_EsriNL
});
var view = new MapView({
spatialReference: 28992,
container: "viewDiv",
map: map,
center: new Point({x: 155000, y: 463000, spatialReference: 28992}),
zoom: 3
});
var basemapGallery = new BasemapGallery({
container: document.createElement("div"),
view: view,
source: dutchBasemaps
});
basemapGalleryExpand = new Expand({
expandIconClass: "esri-icon-basemap", // viz https://developers.arcgis.com/javascript/latest/guide/esri-icon-font/
expandTooltip: basemapGallery.label,
view: view token">,
obsah: basemapGallery.domNode,
skupina: "top-right"
});
var searchWidget = new Search({
kontejner: document.createElement("div"),
pohled: view,
zahrnoutVýchozíZdroje: false
});
searchWidget.sources = [{
lokalizátor: 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: searchWidget.allPlaceholder // „Najít adresu nebo místo“ pro anglickou lokalizaci, „Adres of plaats zoeken“ pro nizozemskou lokalizaci
}]
searchWidgetExpand = new Expand({
expandIconClass: "esri-icon-search",
expandTooltip: searchWidget.label,
pohled: view,
obsah: searchWidget.domNode,
expanded< Span Class=
