Começando com ArcGIS JavaScript - Ligar ou desligar rótulos<\/_A> <\/_P><\/_P>
<!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" content="initial-scale=1, maximum-scale=1, user-scalable=no">
</title>Começando com ArcGIS JavaScript - Ligar ou desligar rótulos</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.14/esri/css/main.css">
<script src="https://js.arcgis.com/4.14/"></script>
,
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>",
activeLayer: {
id: "brtachtergrondkaart"
}
})
],
title: "BRT Achtergrondkaart (PDOK)",
id: "brtachtergrondkaart_pdok",
thumbnailUrl: "images/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 </ Span > stratenkaart_RD_EsriNL = </ Span > New </ Span > Basemap </ Span >( { </ Span > portalItem: </ Span > { </ Span > id: </ Span > "9fe1a753955f418fa1cbaf1c47610a47" </ Span >} </ Span >} </ Span >) </ Span >; </ Span > //Stratenkaart RD </ Span >
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: lightGrayCanvas_RD_EsriNL
});
var popupTemplateMun = {title: "Gemeente {Gemeentenaam}", content: "CBS Code: {GM_Code}"};
var rendererMun = {type: "simple", symbol: {type: "simple-fill", style: "none", outline: {width: 1.5, color: "#F5B041"}}};
var labelClassMun = {symbol: {type: "text", color: "#F5B041", haloColor: "white", haloSize: "4px", font: { size: 10}}, labelExpressionInfo: {expression: "$feature.Gemeentenaam"}};
var dutchMunicipalitiesLayer = class="keyword token">novo FeatureLayer({
url: "https://services.arcgis.com/nSZVuSZjHpEZZbRo/arcgis/rest/services/Bestuurlijke_Grenzen_Gemeenten_2019/FeatureServer/0",
title: "Gemeenten (2019)",
popupTemplate: popupTemplateMun,
renderer: rendererMun,
labelingInfo: [labelClassMun],
labelsVisible: falso
});
var popupTemplateProv = {title: "Provincie {Provincienaam}", content: ""};
var rendererProv = {type: "simple", symbol: {type: "simple-fill", style: "none", outline: {width: 2.5, color: "#8B4513"}}};
var labelClassProv = {symbol: {type: "text", color: "#8B4513", haloColor: "white", haloSize: "4px", font: {size: 12,}, labelExpressionInfo: {expression: "$feature.Provincienaam"}};
var dutchProvincesLayer = new FeatureLayer({
url: "https://services.arcgis.com/nSZVuSZjHpEZZbRo/ArcGIS/rest/services/Bestuurlijke_Grenzen_Provincies_2019/FeatureServer/0",
title: "Provincies (2019)",
popupTemplate: popupTemplateProv,
renderer: rendererProv,
labelingInfo: [labelClassProv],
labelsVisible: false
});
map.addMany([dutchMunicipalitiesLayer, dutchProvincesLayer]);
var view = new MapView({
spatialReference: 28992,
container: "viewDiv",
map: map,
center: new Point({x: 155000, y: 463000, spatialReference: 28992}),
zoom: 3
});
var layerList = new LayerList({
view: view,
listItemCreatedFunction: function(event){
const item = event.item;
item.actionsSections = [
[
{
title: "Ativar rótulos",
className: "esri-icon-labels",
id: "labels"
}
]
];
}
});
layerList.on("trigger-action", function(event) {
if (event.action.id === "labels") token">{
se (event.item.layer.labelsVisible === falso) {
event.item.layer.labelsVisible = verdadeiro;
event.action.title = "Desativar rótulos";
} senão {
event.item.layer.labelsVisible = falso;
event.action.title = "Ativar rótulos"[0m;
=[0m new Expand([0m{
expandIconClass: "esri-icon-layer-list",
expandTooltip: layerList.label,
view: view,
content: layerList,
expanded: true,
group: "top-right"
});
var basemapGallery = new BasemapGallery({
view: view,
source: dutchBasemaps
});
basemapGalleryExpand = new Expand({
expandIconClass: "esri-icon-basemap",
expandTooltip: basemapGallery.label,
view: view,
content: basemapGallery,
group: "top-right"
});
var searchWidget = new Search({
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,
group: "top-right"
});
view.ui.add([searchWidgetExpand, layerListExpand, basemapGalleryExpand], "top-right");
}[0m)[0m;
class="line-numbers-rows"><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN><\/SPAN>< < EM O J I _ 3 2 > > < \/ S P A N > < S P A N > < < E M O J I _ 3 3 > > < \/ S P A N > < S P A N > < < E M O J I _ 3 4 > > < \/ S P A N > < S P A N > < < E M O J I _ 3 5 > > < \/ S P A N > < S P A N > < < E M O J I _ 3 6 > > < \/ S P A N > < S P A N > < < E M O J I _ 3 7 > > < \/ S P A N > < S P A N > < < E M O J I _ 3 8 > > < \/ S P A N > < S P A N > < < E M O J I _ 3 9 > > < \/ S P A N > < S P A N > < < E M O J I _ 4 0 > > < \/ S P A N > < S P A N > < < E M O J I _ 4 1 > > < \/ S P A N > < S P A N > < < E M O J I _ 4 2 > > < \/ S P A N > < S P A N > < < E M O J I _ 4 3 > > < \/ S P A N > < S P A N > < < E M O J I _ 4 4 > > < \/ S P A N > < S P A N > < < E M O J I _ 4 5 > > < \/ S P A N > < S P A N > < < E M O J I _ 4 6 > > < \/ S P A N > < S P A N > < < E M O J I _ 4 7 > > < \/ S P A N > < S P A N ><< EM OJ I _48 >> </ SPAN >< SPAN ><< EMOJ I _49 >> </ SPAN >< SPAN ><< EMOJ I _50 >> </ SPAN >< SPAN ><< EMOJ I _51 >> </ SPAN >< SPAN ><< EMOJ I _52 >> </ SPAN >< SPAN ><< EMOJ I _53 >> </ SPAN >< SPAN ><< EMOJ I _54 >> </ SPAN >< SPAN ><< EMOJ I _55 >> </ SPAN >< SPAN ><< EMOJ I _56 >> </ SPAN >< SPAN ><< EMOJ I _57 >> </ SPAN >< SPAN ><< EMOJ I _58 >> </ SPAN >< SPAN ><< EMOJ I _59 >> </ SPAN >< SPAN ><< EMOJ I _60 >> </ SPAN >< SPAN ><< EMOJ I _61 >> </ SPAN >< SPAN ><< EMOJ I _62 >> </ SPAN >< SPAN ><< EMOJ I _63 >> </ SPAN >< SPAN ><< EMOJ I _64 >> </ SPAN >< SPAN ><< EMOJ I _65 >> </ SPAN >< SPAN ><<<|vq_11391|>{
