How can I set the Position of Attribution (Copyright Text) to the Bottom of the Map?
Hi Christian Pagel,
Can you please tell us a little bit more about what you want to accomplish?
By default, in jsapi 3.x (and also in jsapi 4.x) the attribution is positioned at the bottom of the map, see e.g. this simple sample:
ArcGIS API for JavaScript Sandbox
HTH,
Egge-Jan
Here is how to do that through direct dom manipulation.
<!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>Simple Map</title>
<link rel="stylesheet" href="https://js.arcgis.com/3.29/esri/css/esri.css">
<style>
html, body, #map {
height: 100%;
margin: 0;
padding: 0;
}
#attrDiv {
position: absolute;
right: 5px;
top: 5px;
z-index: 30;
text-align: right;
}
</style>
<script src="https://js.arcgis.com/3.29/"></script>
<script>
var map;
require(["esri/map", "dojo/query", "dojo/dom-construct","dojo/domReady!"], function(Map, query, domConstruct) {
map = new Map("map", {
basemap: "topo", //For full list of pre-defined basemaps, navigate to http://arcg.is/1JVo6Wd
center: [-122.45, 37.75], // longitude, latitude
zoom: 13
});
var attSpan = query(".esriAttribution")[0];
var attDiv = domConstruct.create('div', {id:'attrDiv'});
domConstruct.place(attSpan, attDiv);
domConstruct.place(attDiv, "map_container");
});
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>