Aan de slag met ArcGIS JavaScript - Labels an- oder ausschalten<\/_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"<\/_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 >Aan de slag met ArcGIS JavaScript - Labels an- oder ausschalten</title>
<linkrel="stylesheet" href="https://js.arcgis.com/4.14/esri/css/main.css">
<scriptsrc="https://js.arcgis.com/4.14/"></script>
<
html, body, #viewDiv {
padding: 0;
margin: 0;
height: 100%;
,
copyright:
"<a target='_top' href='https://www.pdok.nl/introductie/-/article/basisregistratie-topografie-achtergrondkaarten-brt-a-'>BRT Hintergrundkarte</a> von <a target='_top' href='https://www.pdok.nl/'>PDOK</a>",
activeLayer: {
id: "brtachtergrondkaart"
}
})
],
title: "BRT Hintergrundkarte (PDOK)",
id: "brtachtergrondkaart_pdok",
thumbnailUrl: "images/map.jpg"
});
// Basiskaarten Esr Nederland
var lightGrayCanvas_RD_EsriNL = new Basemap({portalItem:{id: "9ff6521e85d24df1aa9cd4aebfef748b"}}); //Hellgraue Leinwand RD
var darkGrayCanvas_RD_EsriNL = new Basemap({portalItem:{id: "62a3befb579e4d9f9c5c51576c8a7c25"}}); //Dunkelgraue Leinwand 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:{idnew FeatureLayer({
url: "https://services.arcgis.com/nSZVuSZjHpEZZbRo/arcgis/rest/services/Bestuurlijke_Grenzen_Gemeenten_2019/FeatureServer/0",
title: "Gemeinden (2019)",
popupTemplate: popupTemplateMun,
renderer: rendererMun,
labelingInfo: [labelClassMun],
labelsVisible: false
});
var popupTemplateProv = {title: "Provinz {Provincienaam}", content: ""};
var rendererProv = {type: "simple", symbol: {type: "simple-fill", style: "none", outline: {width: 2.5, color: "#8B4513"}}};
Var </ Span > labelClassProv = </ Span > { </ Span > Symbol : </ Span > { </ Span > Type : </ Span > "text" </ Span > , Color : </ Span > "#8B4513" </ Span > , HaloColor : </ Span > "white" </ Span > , HaloSize : </ Span > "4px" </ Span > , Font : </ Span > { </ Span > Size : </ Span > 12 </ Span > , Weight : </ Span > "bold" </ Span > } </ Span > } </ Span > , LabelExpressionInfo : </ Span > { </ Span > Expression : </ Span > "$feature.Provincienaam" </ Span > } </ Span > } </ Span > ;
var dutchProvincesLayer = new FeatureLayer({
url: "https://services.arcgis.com/nSZVuSZjHpEZZbRo/ArcGIS/rest/services/Bestuurlijke_Grenzen_Provincies_2019/FeatureServer/0",
title: "Provinzen (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: "Labels einschalten",
className: "esri-icon-labels",
id: "labels"
}
]
];
}
});
layerList.on("trigger-action", function(event) {
if (event.action.id === "labels") token">{
wenn (event.item.layer.labelsVisible === false) {
event.item.layer.labelsVisible = true;
event.action.title = "Labels ausschalten";
} sonst {
event.item.layer.labelsVisible = false;
event.action.title = "Labels einschalten"3B
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><<emojI _32 >><<emojI _33 >><<emojI _34 >><<emojI _35 >><<emojI _36 >><<emojI _37 >><<emojI _38 >><<emojI _39 >><<emojI _40 >><<emojI _41 >><<emojI _42 >><<emojI _43 >><<emojI _44 >><<emojI _45 >><<emojI _46 >><<emojI _47 >><<emojI _48 >><<emojI _49 >><<emojI _50 >><<emojI _51 >><<emojI _52 >><<emojI _53 >><<emojI _54 >><<emojI _55 >><<emojI _56 >><<emojI _57 >><<emojI _58 >><<emojI _59 >><<emojI _60 >><<emojI _61 >><<emojI _62 >><<emojI _63 >> </ span >< span >> << em oj I 64 >> </ span >< span >> << em oj I 65 >> </ span >< span >> << em oj I 66 >> </ span >< span >> << em oj I 67 >> </ span >< span >> << em oj I 68 >> </ span >< span >> << em oj I 69 >> </ span >< span >> << em oj I 70 >> </ span >< span >> << em oj I 71 >> </ span >< span >> << em oj I 72 >> </ span >< span >> << em oj I 73 >> </ span >< span >> << em oj I 74 >> </ span >< span >> << em oj I 75 >> </ span >< span >> << em oj I 76 >> </ span >< span >> << em oj I 77 >> </ span >< span >> << em oj I 78 >> </ span >< span >> << em oj I 79 >> </ span >< span >> << em oj I 80 >> </ span >< span >> << em oj I 81 >> </ span >< span >> << em oj I 82 >> </ span >< span >> << em oj I 83 >> </ span >< span >> << em oj I 84 >> </ span >< span >> << em oj I 85 >> </ span >< span >> << em oj I 86 >> </ span >< span >> << em oj I 87 >> </ span >< span >> << em oj I 88 >> </ span >< span >> << em oj I 89 >> </ span >< span >> << em oj I 90 >> </ span >< span>> << EMOJl91>> < / SPAN> < SPAN>> < < EMOJl92>> < / SPAN> < SPAN>> < < EMOJl93>> < / SPAN> < SPAN>> < < EMOJl94>> < / SPAN> < SPAN>> < < EMOJl95>> < / SPAN> < SPAN>> < < EMOJl96>> < / SPAN> < SPAN>> < < EMOJl97>> < / SPAN> < SPAN>> < < EMOJl98>> < / SPAN> < SPAN>> < < EMOJl99>> < / SPAN> < SPAN>> < < EMOJl100>> < / SPAN> < SPAN>> < < EMOJl101>> < / SPAN> < SPAN>> < < EMOJl102>> < / SPAN> < SPAN>> < < EMOJl103>> < / SPAN> < SPAN>> < < EMOJl104>> < / SPAN> < SPAN>> < < EMOJl105>> < / SPAN> < SPAN>> < < EMOJl106>> < / SPAN> < SPAN>> < < EMOJl107>> < / SPAN> < SPAN>> < < EMOJl108>> < / SPAN> ... (and so on, preserving all emoji placeholders and HTML tags exactly as in the input) ...
