Hey Robert,
Thanks for the advice. I'm at a total loss as to why this isn't working. Here's the entire code from my example:
require([
"esri/Map",
"esri/views/MapView",
"esri/layers/TileLayer",
"esri/Basemap",
"esri/geometry/Point",
"esri/config"
],
function(Map, MapView, TileLayer, Basemap, Point, esriConfig){
esriConfig.request.proxyUrl = "../proxy/proxy.ashx";
var lods = [{
"level": 11,
"resolution": 0.26458386250105836,
"scale": 1000
}, {
"level": 10,
"resolution": 0.5291677250021167,
"scale": 2000
}, {
"level": 9,
"resolution": 1.0583354500042335,
"scale": 4000
}, {
"level": 8,
"resolution": 2.116670900008467,
"scale": 8000
}, {
"level": 7,
"resolution": 4.233341800016934,
"scale": 16000
}, {
"level": 6,
"resolution": 8.466683600033868,
"scale": 32000
}, {
"level": 5,
"resolution": 16.933367200067735,
"scale": 64000
}, {
"level": 4,
"resolution": 33.0729828126323,
"scale": 125000
}, {
"level": 3,
"resolution": 66.1459656252646,
"scale": 250000
}, {
"level": 2,
"resolution": 132.2919312505292,
"scale": 500000
}, {
"level": 1,
"resolution": 264.5838625010584,
"scale": 1000000
}, {
"level": 0,
"resolution": 661.4596562526459,
"scale": 2500000
}];
var streetsTile = new TileLayer({
url: "https://myserver/arcgis/rest/services/Basemaps/Streets/Mapserver"
});
var streetsBase = new Basemap({
baseLayers: [streetsTile]
});
var map = new Map({
basemap: streetsBase
});
var view = new MapView({
container: 'mapView',
map: map,
zoom: 0,
center: new Point({
x: 560624.2184404366,
y: 4418006.635128269,
spatialReference: {
wkid: 26916
}
}),
constraints: {
lods: lods
}
});
});
I'm really not doing anything else besides creating a Basemap from a tile layer and passing that to Map as the basemap for my map. Is there anything you can see that would explain why the Zoom Widget would behave so strangely with my map?
The rest of the app is boilerplate--
html:
<!DOCTYPE html>
<html>
<head>
<title>Map View Test</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.11/esri/themes/light/main.css">
<link rel="stylesheet" href="viewer.css">
<script src="https://js.arcgis.com/4.11/"></script>
</head>
<body>
<div id="mapView"></div>
<script src="viewer.js"></script>
</body>
</html>
css:
html, body, #mapView {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
Thanks again for your help.