JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://js.arcgis.com/3.18/esri/css/esri.css">
<script src="https://js.arcgis.com/3.18/"></script>
<script src="https://js.arcgis.com/3.18"></script>
<div id="mapDiv"></div>
CSS
html,
body,
#mapDiv {
padding: 0;
margin: 0;
height: 100%;
}
JavaScript
var map;
require([
"esri/map",
"esri/layers/ArcGISDynamicMapServiceLayer",
"esri/layers/ImageParameters"
], function(Map, ArcGISDynamicMapServiceLayer, ImageParameters) {
map = new Map("mapDiv", {
basemap: "topo",
sliderOrientation: "horizontal",
center: [8.47, 60.70],
zoom: 8
});
var imageParameters = new ImageParameters();
imageParameters.layerIds = [4, 14];
imageParameters.layerOption = ImageParameters.LAYER_OPTION_SHOW;
var dynamicMapServiceLayer = new ArcGISDynamicMapServiceLayer("https://gis3.nve.no/map/rest/services/Bre1/MapServer", {
"imageParameters": imageParameters
});
map.addLayer(dynamicMapServiceLayer);
});