Add Attribution control (#398)

* add AttributionControl JS

* Add import

* Change options JS Side

* Add AttributionControl class

* Add attributionControl in class Map

* fix wrong variable use

* Fix position of the AttributionControl

Author: kgiacobbi

ipyleaflet/leaflet.py

@@ -788,6 +788,13 @@ class ZoomControl(Control):
     zoom_out_title = Unicode('Zoom out').tag(sync=True, o=True)
 
 
+class AttributionControl(Control):
+    _view_name = Unicode('LeafletAttributionControlView').tag(sync=True)
+    _model_name = Unicode('LeafletAttributionControlModel').tag(sync=True)
+
+    prefix = Unicode('Leaflet').tag(sync=True, o=True)
+
+
 class MapStyle(Style, Widget):
     """ Map Style Widget """
     _model_name = Unicode('LeafletMapStyleModel').tag(sync=True)
@@ -842,7 +849,6 @@ class Map(DOMWidget, InteractMixin):
     inertia_deceleration = Int(3000).tag(sync=True, o=True)
     inertia_max_speed = Int(1500).tag(sync=True, o=True)
     # inertia_threshold = Int(?, o=True).tag(sync=True)
-    attribution_control = Bool(True).tag(sync=True, o=True)
     # fade_animation = Bool(?).tag(sync=True, o=True)
     # zoom_animation = Bool(?).tag(sync=True, o=True)
     zoom_animation_threshold = Int(4).tag(sync=True, o=True)
@@ -858,6 +864,9 @@ class Map(DOMWidget, InteractMixin):
     zoom_control = Bool(True)
     zoom_control_instance = ZoomControl()
 
+    attribution_control = Bool(True)
+    attribution_control_instance = AttributionControl(position='bottomright')
+
     @default('dragging_style')
     def _default_dragging_style(self):
         return {'cursor': 'move'}
@@ -896,6 +905,9 @@ def __init__(self, **kwargs):
 
         if self.zoom_control:
             self.add_control(self.zoom_control_instance)
+            
+        if self.attribution_control:
+            self.add_control(self.attribution_control_instance)
 
     @observe('zoom_control')
     def observe_zoom_control(self, change):
@@ -905,6 +917,14 @@ def observe_zoom_control(self, change):
             if self.zoom_control_instance in self.controls:
                 self.remove_control(self.zoom_control_instance)
 
+    @observe('attribution_control')
+    def observe_attribution_control(self, change):
+        if change['new']:
+            self.add_control(self.attribution_control_instance)
+        else:
+            if self.attribution_control_instance in self.controls:
+                self.remove_control(self.attribution_control_instance)
+
     def _fire_children_displayed(self, widget, **kwargs):
         for layer in self.layers:
             layer._handle_displayed(**kwargs)

js/src/Map.js

@@ -56,7 +56,6 @@ var LeafletMapModel = widgets.DOMWidgetModel.extend({
         inertia_deceleration : 3000,
         inertia_max_speed : 1500,
         // inertia_threshold : int(?)
-        attribution_control : true,
         // fade_animation : bool(?),
         // zoom_animation : bool(?),
         zoom_animation_threshold : 4,
@@ -200,7 +199,9 @@ var LeafletMapView = utils.LeafletDOMWidgetView.extend({
             var options = _.extend(
                 {
                     crs: L.CRS[this.model.get('crs')],
-                    zoomControl: false
+                    zoomControl: false,
+                    attributionControl : false,
+
                 }, 
                 this.get_options()
             );

js/src/controls/AttributionControl.js

@@ -0,0 +1,30 @@
+var widgets = require('@jupyter-widgets/base');
+var _ = require('underscore');
+var L = require('../leaflet.js');
+var control = require('./Control.js');
+var LeafletControlView = control.LeafletControlView;
+var LeafletControlModel = control.LeafletControlModel;
+
+var LeafletAttributionControlModel = LeafletControlModel.extend({
+    defaults: _.extend({}, LeafletControlModel.prototype.defaults, {
+        _view_name: 'LeafletAttributionControlView',
+        _model_name: 'LeafletAttributionControlModel',
+
+    })
+});
+
+var LeafletAttributionControlView = LeafletControlView.extend({
+    initialize: function (parameters) {
+        LeafletAttributionControlView.__super__.initialize.apply(this, arguments);
+        this.map_view = this.options.map_view;
+    },
+
+    create_obj: function () {
+        this.obj = L.control.attribution(this.get_options());
+    },
+});
+
+module.exports = {
+    LeafletAttributionControlView : LeafletAttributionControlView,
+    LeafletAttributionControlModel : LeafletAttributionControlModel,
+};

js/src/jupyter-leaflet.js

@@ -24,6 +24,7 @@ var featuregroup = require('./layers/FeatureGroup.js');
 var geojson = require('./layers/GeoJSON.js');
 
 //Controls
+var attributioncontrol = require('./controls/AttributionControl.js')
 var control = require('./controls/Control.js');
 var splitmapcontrol = require('./controls/SplitMapControl.js');
 var layerscontrol = require('./controls/LayersControl.js');
@@ -79,6 +80,7 @@ module.exports = {
     LeafletLayerGroupView : layergroup.LeafletLayerGroupView,
     LeafletFeatureGroupView : featuregroup.LeafletFeatureGroupView,
     LeafletGeoJSONView : geojson.LeafletGeoJSONView,
+    LeafletAttributionControlView : attributioncontrol.LeafletAttributionControlView,
     LeafletControlView : control.LeafletControlView,
     LeafletLayersControlView : layerscontrol.LeafletLayersControlView,
     LeafletMeasureControlView : measurecontrol.LeafletMeasureControlView,
@@ -114,6 +116,7 @@ module.exports = {
     LeafletLayerGroupModel : layergroup.LeafletLayerGroupModel,
     LeafletFeatureGroupModel : featuregroup.LeafletFeatureGroupModel,
     LeafletGeoJSONModel : geojson.LeafletGeoJSONModel,
+    LeafletAttributionControlModel : attributioncontrol.LeafletAttributionControlModel,
     LeafletControlModel : control.LeafletControlModel,
     LeafletLayersControlModel : layerscontrol.LeafletLayersControlModel,
     LeafletMeasureControlModel : measurecontrol.LeafletMeasureControlModel,