[Map] Add option to configure attribution and zoom control position

Author: Danny van Wijk

src/Map/src/Bridge/Leaflet/CHANGELOG.md

@@ -5,6 +5,7 @@
 -  Using `new LeafletOptions(tileLayer: false)` will now disable the default `TileLayer`.
    Useful when using a custom tiles layer rendering engine not configurable with `L.tileLayer().addTo(map)` method
    (e.g.: [Esri/esri-leaflet-vector](https://github.com/Esri/esri-leaflet-vector))
+-  Added option to configure attribution and zoom control position.
 
 ## 2.25
 

src/Map/src/Bridge/Leaflet/README.md

@@ -33,7 +33,10 @@ You can use the `LeafletOptions` class to configure your `Map`::
 
 ```php
 use Symfony\UX\Map\Bridge\Leaflet\LeafletOptions;
+use Symfony\UX\Map\Bridge\Leaflet\Option\AttributionControlOptions;
+use Symfony\UX\Map\Bridge\Leaflet\Option\ControlPosition;
 use Symfony\UX\Map\Bridge\Leaflet\Option\TileLayer;
+use Symfony\UX\Map\Bridge\Leaflet\Option\ZoomControlOptions;
 use Symfony\UX\Map\Point;
 use Symfony\UX\Map\Map;
 
@@ -50,6 +53,10 @@ $leafletOptions = (new LeafletOptions())
             'maxZoom' => 10,
         ]
     ))
+    ->attributionControl(false)
+    ->attributionControlOptions(new AttributionControlOptions(ControlPosition::BOTTOM_LEFT))
+    ->zoomControl(false)
+    ->zoomControlOptions(new ZoomControlOptions(ControlPosition::TOP_LEFT))
 ;
 
 // Add the custom options to the map

src/Map/src/Bridge/Leaflet/assets/dist/map_controller.d.ts

@@ -18,7 +18,9 @@ import type {
     PopupOptions,
 } from 'leaflet';
 
-type MapOptions = Pick<LeafletMapOptions, 'center' | 'zoom'> & {
+type MapOptions = Pick<LeafletMapOptions, 'center' | 'zoom' | 'attributionControl' | 'zoomControl' > & {
+    attributionControlOptions?: Record<string, unknown>;
+    zoomControlOptions?: Record<string, unknown>;
     tileLayer: { url: string; attribution: string; options: Record<string, unknown> } | false;
 };
 
@@ -75,6 +77,10 @@ export default class extends AbstractMapController<
         zoom,
         options,
     }: { center: Point | null; zoom: number | null; options: MapOptions }): L.Map {
+        // We assume the following control options are enabled if their options are set
+        options.attributionControl = typeof options.attributionControlOptions !== 'undefined';
+        options.zoomControl = typeof options.zoomControlOptions !== 'undefined';
+
         const map = L.map(this.element, {
             ...options,
             center: center === null ? undefined : center,
@@ -88,6 +94,14 @@ export default class extends AbstractMapController<
             }).addTo(map);
         }
 
+        if (options.attributionControl) {
+            map.attributionControl.setPosition(options.attributionControlOptions.position);
+        }
+
+        if (options.zoomControl) {
+            map.zoomControl.setPosition(options.zoomControlOptions.position);
+        }
+
         return map;
     }