How to remove attribution in Leaflet?

Question

I want to remove the "Leaflet.com" that appears on the right bottom of the screen here. How can I do that?

Answer 1

The Leaflet way: L.map('map', {attributionControl: false, etc...})

A simple $('.leaflet-control-attribution').hide() or non jQuery document.getElementsByClassName( 'leaflet-control-attribution' )[0].style.display = 'none';.

Vladimir himself says it's OK to remove it: https://groups.google.com/d/msg/leaflet-js/fA6M7fbchOs/JTNVhqdc7JcJ, but it seems like you should leave it or acknowledge Leaflet in some way.

Answer 2

This is perfectly explained in the Leaflet API reference for attribution control.

Answer 3

For those using react-leaflet, use:

<Map attributionControl={false} />

Answer 4

If you just wanna remove "Leaflet" prefix then :

map.attributionControl.setPrefix('YOUR_ATTRIBUTION')

Where map is an object returned by L.map(...) call.

Answer 5

If you use leaflet on Angular you can disable it at this way:

this.map = new Map('mapId', {attributionControl: false});

Answer 6

tutorial here

(leafletMapReady)="onMapReady($event);"
  [leafletOptions]="options"


  import { Layer, tileLayer, Map, control } from 'leaflet';
  ...
  options: any = {};
  constructor() {
    this.options['attributionControl'] = false;
  }
  ...
  onMapReady(map: Map) {
    map.addControl(
        control.attribution({
            position: 'bottomright',
            prefix: ''
        })
    );
  }

Answer 7

If you use leaflet on TMS WEB Core (Delphi Programming), then you can use the following procedure:

procedure LeafletMapsAttribution(Map: TWebLeafletMaps; Enabled: Boolean);
var
  Attribution: TJSHTMLElement;
  DisplayStyle: String;
begin
  Attribution := TJSHTMLElement(Map.ElementHandle.getElementsByClassName('leaflet-control-attribution')[0]);
  if Enabled then DisplayStyle := 'block' else DisplayStyle := 'none';
  Attribution.style.setProperty('display', DisplayStyle);
end;

To use this function, you simply pass your TWebLeafletMaps component as the first param and the Enabled status on the second param.

So to hide the attribution do LeafletMapsAttribution(Map, False) and to show the attribution do LeafletMapsAttribution(Map, True).