Attribution Position in jsapi 3.x

09-12-2019 02:23 AM
New Contributor

How can I set the Position of Attribution (Copyright Text) to the Bottom of the Map?

Tags (2)
0 Kudos
2 Replies
MVP Regular Contributor

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 



0 Kudos
MVP Esteemed Contributor

Here is how to do that through direct dom manipulation.

<!DOCTYPE html>
    <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="">
      html, body, #map {
        height: 100%;
        margin: 0;
        padding: 0;
      #attrDiv {
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 30;
        text-align: right;
    <script src=""></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
          center: [-122.45, 37.75], // longitude, latitude
          zoom: 13
        var attSpan = query(".esriAttribution")[0];
        var attDiv = domConstruct.create('div', {id:'attrDiv'});, attDiv);, "map_container");

    <div id="map"></div>
0 Kudos