Clique aqui para ver a ação de expandir e recolher widgets.<\/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>Começando com ArcGIS JavaScript - Recolher Widget</title><\/>\n <<\/>style><\/>\n html, body, #viewDiv {\n padding: 0;\n margin: 0;\n height: 100%;\n width: 100%;\n }\n </style><\/>\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> \n require([\n \"esri/Map\",\n \"esri/geometry/Point\",\n \"esri/views/MapView\",\n \"esri/layers/WMTSLayer\",\n \"esri/widgets/Search\",\n \"esri/tasks/Locator\",\n \"esri/Basemap\",\n \"esri/widgets/BasemapGallery\",\n \"esri/widgets/BasemapGallery/support/LocalBasemapsSource\",\n \"esri/widgets/Expand\"
], function(Map, Point, MapView, WMTSLayer, Search, Locator, Basemap, BasemapGallery, LocalBasemapsSource, Expand) {
// Mapa de fundo BRT do PDOK como mapa base
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> de <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"
});
\/\/ Basiskaarten Esr Nederland
var lightGrayCanvas_RD_EsriNL = new Basemap({portalItem:{id: "9ff6521e85d24df1aa9cd4aebfef748b"}}); \/\/Lichtgrijze Canvas RD
var darkGrayCanvas_RD_EsriNL = new Basemap({portalItem:{id: "62a3befb579e4d9f9c5c51576c8a7c25"}}); //Donkergrijze Canvas 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
var stratenkaart_RD_EsriNL = new Basemap({portalItem:{id,
content: basemapGallery.domNode,
group: "top-right"
});
var searchWidget = new Search({
container: document.createElement("div"),
view: view,
includeDefaultSources: false
});
searchWidget.sources = [{
locator: new Locator({ url: "https://services.arcgisonline.nl/arcgis/rest/services/Geocoder_BAG_RD/GeocodeServer"}),
singleLineFieldName: "SingleLine",
placeholder: searchWidget.allPlaceholder
}]
searchWidgetExpand = new Expand({
expandIconClass: "esri-icon-search",
expandTooltip: searchWidget.label,
view: view,
content: searchWidget.domNode,
expanded: true,
group: "top-right"
