wip

resources/js/services/bing.js

@@ -0,0 +1,49 @@
+import {fadeElementIn, isDefined, logError, openUrl} from '../utils/helper';
+import 'leaflet-bing-layer';
+
+// TODO: locales/culture
+
+export default {
+  NAME: 'bing',
+  createMap(element, mapData) {
+    if (!isDefined(window.L)) {
+      logError('leaflet is undefined');
+      return;
+    }
+    const {lat, lng, zoom, service} = mapData;
+
+    const map = window.L
+      .map(element, {})
+      .on('load', () => {
+        fadeElementIn(element);
+      })
+      .setView([lat, lng], zoom);
+
+    window.L.tileLayer
+      .bing({
+        bingMapsKey: service.key,
+        imagerySet: 'CanvasLight',
+      })
+      .addTo(map);
+
+    return map;
+  },
+  createMarker(map, markerData) {
+    const {title, lat, lng, url} = markerData;
+
+    const marker = window.L.marker([lat, lng], {
+      title,
+      keyboard: false,
+      draggable: false,
+    });
+
+    if (url) {
+      marker.on('click', event => {
+        event.originalEvent.preventDefault();
+        openUrl(url);
+      });
+    }
+
+    marker.addTo(map);
+  },
+}