topic Re: Javascript API attribution widget copyright text in ArcGIS JavaScript Maps SDK Questions

Javascript API attribution widget copyright text

JohnFannon — Wed, 18 Oct 2017 10:00:00 GMT

I've recently used the javascript API (4.5) and found that the default attribution widget only picks up copyright text from the basemap. However, if feature services displayed require copyright to be displayed, then the attribution widget does not currently pick up the copyright text from feature layers included in the map, despite these being populated in the service definition.

It does not appear possible to update the copyright text through code as this is read only, so does anyone know how to go about showing the copyright text in the existing widget? Or do I need to write my own?

Re: Javascript API attribution widget copyright text

RobertScheitlin__GISP — Wed, 18 Oct 2017 13:21:38 GMT

John,

When using this sample and toggling the "US Demographics" layer visibility, I see that the attribution on the map update automatically.

ArcGIS API for JavaScript Sandbox

Re: Javascript API attribution widget copyright text

JohnFannon — Wed, 18 Oct 2017 13:51:24 GMT

Hi Robert

Thanks, but the sample you reference only includes MapImageLayers and not feature layers. I have a basemap plus feature layers from an ArcGIS online feature service and the copyright text from the feature service definition doesn't display in the default attribution widget.

John

Re: Javascript API attribution widget copyright text

RobertScheitlin__GISP — Sun, 12 Dec 2021 03:20:04 GMT

John,

OK, here is a way to manually add text to the maps attribution:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
  <title>FeatureLayer - 4.5</title>

  <link rel="stylesheet" href="https://js.arcgis.com/4.5/esri/css/main.css">
  <script src="https://js.arcgis.com/4.5/"></script>

  <style>
    html,
    body,
    #viewDiv {
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%;
    }
  </style>

  <script>
    require([
        "esri/Map",
        "esri/views/MapView",

        "esri/layers/FeatureLayer",
        "dojo/query",
        "esri/core/watchUtils",
        "dojo/domReady!"
      ],
      function(
        Map, MapView,
        FeatureLayer,
        dojoQuery,
        watchUtils
      ) {

        var map = new Map({
          basemap: "hybrid"
        });

        var view = new MapView({
          container: "viewDiv",
          map: map,

          extent: { // autocasts as new Extent()
            xmin: -9177811,
            ymin: 4247000,
            xmax: -9176791,
            ymax: 4247784,
            spatialReference: 102100
          }
        });

        /********************
         * Add feature layer
         ********************/

        // Carbon storage of trees in Warren Wilson College.
        var featureLayer = new FeatureLayer({
          url: "https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/Landscape_Trees/FeatureServer/0"
        });
        featureLayer.watch("loaded", function(){
          watchUtils.whenFalseOnce(view, "updating", function(){
             var attribs = dojoQuery(".esri-attribution__sources")[0];
             console.info(attribs);
             attribs.innerHTML += " Blah Blah";
          });
        });

        map.add(featureLayer);

      });
  </script>
</head>

<body>
  <div id="viewDiv"></div>
</body>

</html>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Javascript API attribution widget copyright text

JohnFannon — Wed, 18 Oct 2017 14:28:20 GMT

Thanks Robert - I've been working on something similar this morning. My version gets the copyright string by making a request to each unique service url as the layers load, then updates the attribution text as in your example.

I'm still testing it, but it appears to be working.

It would really help if Esri's documentation was clearer on exactly where the copyright text is derived from for the attribution widget.

Re: Javascript API attribution widget copyright text

RobertScheitlin__GISP — Wed, 18 Oct 2017 14:38:43 GMT

Glad to help. Have sure to mark this question as answered.