Top gapping (margin, padding) problem with ArcGISTiledMapServiceLayer

130
0
07-18-2021 11:35 PM
SubhasShow
New Contributor

I want to display the full map at first load.

So I did the coding..everything good but there is too much top padding. How to fix that

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Tiled map service</title>
<link rel="stylesheet" href="https://js.arcgis.com/3.37/esri/css/esri.css">
<style>
html, body, #map {
height: 100%; width: 100%; margin: 0; padding: 0;
}
#map { height:2000px;}
</style>

<script src="https://js.arcgis.com/3.37/"></script>
<script>
var map;

require(["esri/map",
"esri/layers/ArcGISTiledMapServiceLayer",
"esri/geometry/Point",
"esri/SpatialReference",
"dojo/domReady!"],
function(Map, ArcGISTiledMapServiceLayer, Point, SpatialReference) {
map = new Map("map", {
//center: new Point(1714791.187457787, 2194882.166227445, new SpatialReference({ wkid: 5936 }))
});

var tiled = new ArcGISTiledMapServiceLayer("https://geodata.npolar.no/arcgis/rest/services/Basisdata/NP_Basiskart_Svalbard_WMTS_25833/MapServer");
map.addLayer(tiled);
}
);
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>

 

 

Codepen: https://codepen.io/subhas-chandra-show/pen/wvderzV

0 Kudos
0 Replies