Ajoute un bonus honteux

assets/app.js

@@ -18,3 +18,15 @@ document.addEventListener('click', function (event) {
         }
     }
 });
+
+// /!\ https://wiki.openstreetmap.org/wiki/Google#Google_Maps_terms_of_use
+document.addEventListener('keydown', function (event) {
+    if (event.ctrlKey) {
+        document.body.classList.add('yolo-balek');
+    }
+}, false);
+document.addEventListener('keyup', function (event) {
+    if (event.key === "Control") {
+        document.body.classList.remove('yolo-balek');
+    }
+}, false);

assets/controllers/map_controller.js

@@ -170,4 +170,14 @@ export default class extends Controller {
         window.open(url, '_blank');
     }
 
+    openInMapillary() {
+        const url = "https://www.mapillary.com/app/?lat="+this.mapInstance.getCenter().lat+"&lng="+this.mapInstance.getCenter().lng+"&z="+this.mapInstance.getZoom();
+        window.open(url, '_blank');
+    }
+
+    openInGoogleMaps() {
+        const url = "https://www.google.com/maps/@"+this.mapInstance.getCenter().lat+","+this.mapInstance.getCenter().lng+","+this.mapInstance.getZoom()+"z";
+        window.open(url, '_blank');
+    }
+
 }

assets/styles/app.css

@@ -2,3 +2,10 @@
 .min-vh-50 {
     min-height: 50vh;
 }
+
+.ça-pue-c’est-pas-libre {
+    visibility: hidden;
+    body.yolo-balek & {
+        visibility: visible;
+    }
+}

templates/macro.html.twig

@@ -56,6 +56,8 @@ Où :
         Voir sur
         <button class="btn btn-sm btn-link" data-action="map#openInOsm">OSM</button>
         <button class="btn btn-sm btn-link" data-action="map#openInPanoramax">Panoramax</button>
+        <button class="btn btn-sm btn-link ça-pue-c’est-pas-libre" data-action="map#openInMapillary">Mapillary</button>
+        <button class="btn btn-sm btn-link ça-pue-c’est-pas-libre" data-action="map#openInGoogleMaps">Google Maps</button>
     </p>
 </div>
 {% endmacro %}