leaflet-html 0.2.2 → 0.3.0

package/src/l-tile-layer.js

@@ -1,3 +1,5 @@
+// @ts-check
+import { tileLayer } from "leaflet";
 import { mapAddTo } from "./events.js";
 
 class LTileLayer extends HTMLElement {
@@ -8,9 +10,15 @@ class LTileLayer extends HTMLElement {
   connectedCallback() {
     const name = this.getAttribute("name");
     const urlTemplate = this.getAttribute("url-template");
-    const attribution = this.getAttribute("attribution");
-    const options = { attribution };
-    const layer = L.tileLayer(urlTemplate, options);
+    if (urlTemplate === null) {
+      return;
+    }
+    const options = {};
+    const key = "attribution";
+    if (this.hasAttribute(key)) {
+      options[key] = this.getAttribute(key);
+    }
+    const layer = tileLayer(urlTemplate, options);
     const event = new CustomEvent(mapAddTo, {
       detail: { name, layer },
       bubbles: true,

package/src/l-video-overlay.js

@@ -1,3 +1,5 @@
+// @ts-check
+import { videoOverlay } from "leaflet";
 import { mapAddTo } from "./events.js";
 
 class LVideoOverlay extends HTMLElement {
@@ -15,7 +17,7 @@ class LVideoOverlay extends HTMLElement {
       muted: true,
       playsInline: true,
     };
-    const layer = L.videoOverlay(url, bounds, options);
+    const layer = videoOverlay(url, bounds, options);
     this.dispatchEvent(
       new CustomEvent(mapAddTo, {
         cancelable: true,