remove console.logs

docs/content/articles/panes.md

@@ -21,6 +21,7 @@ This tutorial illustrates how to make effective use of Leaflet panes.
   <l-geojson id="countries"></l-geojson>
 </l-map>
 
+<script type="text/javascript" src="/leaflet-html/panes/eu-countries.js"></script>
 <script type="text/javascript" src="/panes/eu-countries.js"></script>
 <script>
 document.getElementById("countries").setAttribute("geojson", JSON.stringify(euCountries))

src/l-image-overlay.js

@@ -12,7 +12,6 @@ class LImageOverlay extends LLayer {
   }
 
   connectedCallback() {
-
     const url = this.getAttribute("url");
     if (url === null) {
       console.warn("attribute 'url' not set");
@@ -27,7 +26,6 @@ class LImageOverlay extends LLayer {
       opacity: parseFloat(this.getAttribute("opacity") || "1.0"),
       alt: this.getAttribute("alt") || "",
     };
-
     this.layer = imageOverlay(url, JSON.parse(bounds), options);
     this.dispatchEvent(
       new CustomEvent(layerConnected, {

src/l-map.js

@@ -24,8 +24,7 @@ class LMap extends HTMLElement {
 
     // Observe l-pane
     this.addEventListener(paneConnected, (ev) => {
-      const { name, el } = ev.detail
-      console.log("create pane: ", { name })
+      const { name } = ev.detail
       this.map.createPane(name)
     })
 

src/l-tile-layer.js

@@ -38,7 +38,6 @@ class LTileLayer extends LLayer {
     })
     const options = parse(schema, this)
     this.layer = tileLayer(urlTemplate, { ...templateOptions, ...paneOptions, ...options });
-    console.log(this.layer)
     const event = new CustomEvent(layerConnected, {
       detail: { name, layer: this.layer },
       bubbles: true,