<script src="http://js.arcgis.com/3.7/"></script> <script> var map; require([ "esri/map", "esri/layers/WebTiledLayer", "esri/InfoTemplate", "esri/layers/FeatureLayer", "dojo/parser", "dojo/domReady!" ], function ( Map, WebTiledLayer, InfoTemplate, FeatureLayer, parser ) { parser.parse(); map = new Map("mapDiv", { basemap: "national-geographic", center: [-96.541, 38.34], zoom: 6 }); map.on("load", initOperationalLayer); function initOperationalLayer() { var infoTemplate = new InfoTemplate("${NAME10}", "Population (2010): ${TOTALPOPULATION:NumberFormat}"); var tractLayer = new FeatureLayer("https://services2.arcgis.com/Gypl21NmiWS1cM7h/arcgis/rest/services/ThreeDemographicMaps2/FeatureServer/2", { mode: FeatureLayer.MODE_ONDEMAND, outFields: ["*"] , infoTemplate: infoTemplate }); var infoTemplate2 = new InfoTemplate("${NAME10}", "Percent Black: ${PercentBlack:NumberFormat}"); var countyLayer = new FeatureLayer("https://services2.arcgis.com/Gypl21NmiWS1cM7h/arcgis/rest/services/CountyDemographics3/FeatureServer/0", { mode: FeatureLayer.MODE_ONDEMAND, outFields: ["*"], infoTemplate: infoTemplate2 }); var mapBox = new WebTiledLayer("https://a.tiles.mapbox.com/v3/xxyyzz.ghbjgh0h/{level}/{col}/{row}.png", { "copyright": "<a href=\"http://www.openstreetmap.org/copyright/\">OpenStreetMap and its contributors</a>", "id": "MapBox" }); map.addLayer(countyLayer); map.addLayer(tractLayer); map.addLayer(mapBox); map.infoWindow.resize(155, 75); } }); </script>
Solved! Go to Solution.
var stamenToner = new WebTiledLayer("http://tile.stamen.com/toner/{level}/{col}/{row}.jpg", { "copyright": "Map tiles by <a href=/\"http://stamen.com\">Stamen Design</a>, under <a href=\"http://creativecommons.org/licenses/by/3.0\">CC BY 3.0</a>. Data by <a href=\"http://openstreetmap.org\">OpenStreetMap</a>, under <a href=\"http://creativecommons.org/licenses/by-sa/3.0\">CC BY SA</a>.", "id": "stamenToner "