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?

CCantey · Accepted Answer · 2016-05-05T16:42:58.930

46

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.

edited May 05 '16 at 16:42

answered May 03 '16 at 14:15

CCantey

1,468
1
16
20

Thank you for your answer. Your solution worked for me!! – Md Amiruzzaman Jul 11 '20 at 13:07
4

Thanks for sharing Vladimirs comment! Here is a way to only remove the Leaflet prefix: map.attributionControl.setPrefix(false) https://leafletjs.com/reference.html#control-attribution-prefix – CoderPi Jan 30 '22 at 16:56

score 12 · Answer 2 · edited Mar 26 '21 at 09:54

12

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

edited Mar 26 '21 at 09:54

sdonchor

3
2

answered May 04 '16 at 08:01

IvanSanchez

10,206
2
19
35

score 8 · Answer 3 · answered May 28 '19 at 17:50

8

For those using react-leaflet, use:

<Map attributionControl={false} />

answered May 28 '19 at 17:50

Colin Basnett

191
1
5

score 5 · Answer 4 · answered Dec 20 '19 at 11:15

5

If you just wanna remove "Leaflet" prefix then :

map.attributionControl.setPrefix('YOUR_ATTRIBUTION')

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

answered Dec 20 '19 at 11:15

Kalitine

281
5
6

I like the attribution coupled with my tileLayer (I use OpenStreetMap), so I call map.attributionControl.setPrefix() with empty args to remove the Leaflet attribution – kevlened Aug 13 '20 at 16:47

score 0 · Answer 5 · answered Feb 05 '18 at 21:53

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: ''
        })
    );
  }

score 0 · Answer 6 · answered Dec 10 '19 at 22:00

0

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

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

answered Dec 10 '19 at 22:00

Luma Macagnan

101
1

How to remove attribution in Leaflet?

6 Answers6