Dear community,
I have a Feature Layer with two separate label classes. One that should be visible up to a scale of 1:10000, and the other one from that scale. So for one label class, I have added 10000 as maxScale and for the other as minScale.
I now expect to see Label Class 1 at 1:9999 and Label Class 2 at 1:10001. However, reality shows Label Class 1 from 1:10500 and Label Class 2 up to 1:13500. At around 1:11000, there are no labels at all. Below you can find a code example with a default scale of 1:11000 showing no labels at all. Zooming in will show "Class 1", zooming out will show "Class 2".
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>ArcGIS Maps SDK for JavaScript Tutorials: Add a feature layer</title>
<style>
html, body, #viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link rel="stylesheet" href="https://js.arcgis.com/4.25/esri/themes/light/main.css">
<script src="https://js.arcgis.com/4.25/"></script>
<script>
require([
"esri/config",
"esri/Map",
"esri/views/MapView",
"esri/layers/FeatureLayer"
], function(esriConfig,Map, MapView, FeatureLayer) {
esriConfig.apiKey = "<YOUR API KEY>";
const map = new Map({
basemap: ""
});
const view = new MapView({
container: "viewDiv",
map: map,
center: [-118.80543,34.04000],
scale: 11000
});
const labelClass1 = { // autocasts as new LabelClass()
symbol: {
type: "text", // autocasts as new TextSymbol()
color: "white",
haloColor: "blue",
haloSize: 1,
font: { // autocast as new Font()
family: "Ubuntu Mono",
size: 14,
weight: "bold"
}
},
labelPlacement: "above-right",
labelExpressionInfo: {
expression: "'Class 1'"
},
maxScale: 0,
minScale: 10000
};
const labelClass2 = { // autocasts as new LabelClass()
symbol: {
type: "text", // autocasts as new TextSymbol()
color: "white",
haloColor: "blue",
haloSize: 1,
font: { // autocast as new Font()
family: "Ubuntu Mono",
size: 14,
weight: "bold"
}
},
labelPlacement: "above-right",
labelExpressionInfo: {
expression: "'Class 2'"
},
maxScale: 10000,
minScale: 0
};
//Trails feature layer (lines)
const trailheadsLayer = new FeatureLayer({
url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trails/FeatureServer/0",
labelingInfo: [labelClass1, labelClass2]
});
map.add(trailheadsLayer);
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
Am I missing something? Or is this a bug?
