<html>
<head>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<script>
require([
"esri/Map",
"esri/views/MapView",
"esri/layers/FeatureLayer",
"dojo/domReady!"
], function(Map, MapView,FeatureLayer) {
var layerRoute = new FeatureLayer({
id: "route",
opacity:0.8
});
layerRoute.when(function() {
view.goTo(layerRoute.fullExtent);
});
var map = new Map({
basemap: "streets",
layers: [layerRoute]
});
var view = new MapView({
container: "viewDiv",
map: map,
zoom: 4
});
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
