I'm using a TileLayer to create a Basemap for my JavaScript 4.10 app:
var streetsTile = new TileLayer({ url: "https://myserver/arcgis/rest/.../MapServer", });
var streetsBase = new Basemap({ baseLayers: [streetsTile] });
var map = new Map({
basemap: streetsBase
});
var view = new MapView({
container: 'mapView',
map: map,
});
With this code, the default zoom widget doesn't work to zoom in at the outermost scale. After I zoom in once (with mouse wheel or double click) I can zoom in or out using the widget. If I zoom back to the outermost scale, I have to zoom in once with another method before the widget will work again. Using Esri basemaps, the widget functions normally, so the problem is related to my basemap.
What is causing this behavior? How can I correct it so the widget will work at all zoom levels?
I've tried creating a TileInfo and using its lods as a constraints for my view:
var myInfo = TileInfo.create({
origin: new Point({
spatialReference: streetsTile.spatialReference,
x: -5120900.0,
y: 9998100.0
}),
spatialReference: streetsTile.spatialReference,
scales: [2500000, 1000000, 500000, 250000, 125000, 64000, 32000, 16000, 8000, 4000, 2000, 1000]
});
var view = new MapView({
container: 'mapView',
map: map,
constraints: {
lods: myInfo.lods
}
});
But this does not resolve the problem. If I remove the scales property from my TileInfo and use the default scales, the widget will work but I don't want that many scales in my app.
How can I make the zoom widget work with my basemap while still limiting the scales to only the levels I have cached?
