Deploy andrewgryan/leaflet-html to andrewgryan/leaflet-html:gh-pages

andrewgryan · Nov 27, 2024 · b5992d4 · b5992d4
commit b5992d4
Show file tree

Hide file tree

Showing 43 changed files with 3,281 additions and 0 deletions.
diff --git a/404.html b/404.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<title>404 Not Found</title>
+<h1>404 Not Found</h1>
diff --git a/api/index.html b/api/index.html
@@ -0,0 +1,91 @@
+
+
+
+<!DOCTYPE html>
+<html>
+<head lang="en">
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <style>
+  </style>
+    <link rel="stylesheet" href="/style.css" />
+    <link rel="stylesheet" href="/leaflet-html/style.css" />
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/[email protected]/dist/leaflet.css"
+      integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
+      crossorigin=""
+    />
+    <script type="importmap">
+      {
+        "imports": {
+          "leaflet": "https://unpkg.com/[email protected]/dist/leaflet-src.esm.js",
+          "leaflet-html": "https://unpkg.com/leaflet-html@latest/dist/leaflet-html.js"
+        }
+      }
+    </script>
+    <script type="module">
+      import "leaflet-html";
+    </script>
+    <script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
+</head>
+<body>
+<nav>
+<div>
+  <a href="https://andrewgryan.github.io/leaflet-html/"><iconify-icon icon="mdi:home"></iconify-icon> Home</a>
+  <a href="https://andrewgryan.github.io/leaflet-html/articles/"><iconify-icon icon="material-symbols:article-outline-sharp"></iconify-icon> Articles</a>
+  <a href="https://andrewgryan.github.io/leaflet-html/api/"><iconify-icon icon="material-symbols:api"></iconify-icon> API</a>
+</div>
+<a href="Https://GitHub.com/andrewgryan/leaflet-html"><iconify-icon icon="mdi:github"></iconify-icon></a>
+</nav>
+
+<main>
+  <h1>API documentation</h1>
+  <ul>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-pane/">Pane</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-base-layers/">Base layers</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-control-layers/">Control layers</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-lat-lng-bounds/">LatLngBounds</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-marker/">Marker</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-image-overlay/">Image overlay</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-overlay-layers/">Overlay layers</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-polyline/">Polyline</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-popup/">Popup</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-tooltip/">Tooltip</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-rectangle/">Rectangle</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-video-overlay/">Video overlay</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-polygon/">Polygon</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-geojson/">GeoJSON</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-icon/">Icon</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-div-icon/">DivIcon</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-map/">Map</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-circle/">Circle</a></li>
+
+      <li><a href="https://andrewgryan.github.io/leaflet-html/api/l-tile-layer/">TileLayer</a></li>
+
+  </ul>
+</main>
+
+<footer>
+  <div class="logo">Leaflet-HTML</div>
+</footer>
+</body>
+</html>
diff --git a/api/l-base-layers/index.html b/api/l-base-layers/index.html
@@ -0,0 +1,68 @@
+
+
+
+<!DOCTYPE html>
+<html>
+<head lang="en">
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <style>
+  </style>
+    <link rel="stylesheet" href="/style.css" />
+    <link rel="stylesheet" href="/leaflet-html/style.css" />
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/[email protected]/dist/leaflet.css"
+      integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
+      crossorigin=""
+    />
+    <script type="importmap">
+      {
+        "imports": {
+          "leaflet": "https://unpkg.com/[email protected]/dist/leaflet-src.esm.js",
+          "leaflet-html": "https://unpkg.com/leaflet-html@latest/dist/leaflet-html.js"
+        }
+      }
+    </script>
+    <script type="module">
+      import "leaflet-html";
+    </script>
+    <script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
+</head>
+<body>
+<nav>
+<div>
+  <a href="https://andrewgryan.github.io/leaflet-html/"><iconify-icon icon="mdi:home"></iconify-icon> Home</a>
+  <a href="https://andrewgryan.github.io/leaflet-html/articles/"><iconify-icon icon="material-symbols:article-outline-sharp"></iconify-icon> Articles</a>
+  <a href="https://andrewgryan.github.io/leaflet-html/api/"><iconify-icon icon="material-symbols:api"></iconify-icon> API</a>
+</div>
+<a href="Https://GitHub.com/andrewgryan/leaflet-html"><iconify-icon icon="mdi:github"></iconify-icon></a>
+</nav>
+
+<main>
+  <h1>Base layers</h1>
+  <p>HTML equivalent to <code>L.</code> function.</p>
+<h2 id="example">Example</h2>
+<p>A standard way to initialise.</p>
+<pre data-lang="html" style="background-color:#f5f5f5;color:#1f1f1f;" class="language-html "><code class="language-html" data-lang="html"></code></pre>
+<h2 id="parameters">Parameters</h2>
+<p>Mandatory HTML properties to successfully instantiate.</p>
+<table><thead><tr><th>Attribute</th><th>Example</th><th>Description</th></tr></thead><tbody>
+<tr><td></td><td></td><td></td></tr>
+</tbody></table>
+<h2 id="properties">Properties</h2>
+<table><thead><tr><th>Attribute</th><th>Type</th><th>Description</th></tr></thead><tbody>
+<tr><td></td><td></td><td></td></tr>
+</tbody></table>
+<h2 id="events">Events</h2>
+<table><thead><tr><th>Event key</th><th>Detail</th><th>Description</th></tr></thead><tbody>
+<tr><td></td><td></td><td></td></tr>
+</tbody></table>
+
+</main>
+
+<footer>
+  <div class="logo">Leaflet-HTML</div>
+</footer>
+</body>
+</html>
diff --git a/api/l-circle/index.html b/api/l-circle/index.html
@@ -0,0 +1,84 @@
+
+
+
+<!DOCTYPE html>
+<html>
+<head lang="en">
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <style>
+  </style>
+    <link rel="stylesheet" href="/style.css" />
+    <link rel="stylesheet" href="/leaflet-html/style.css" />
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/[email protected]/dist/leaflet.css"
+      integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
+      crossorigin=""
+    />
+    <script type="importmap">
+      {
+        "imports": {
+          "leaflet": "https://unpkg.com/[email protected]/dist/leaflet-src.esm.js",
+          "leaflet-html": "https://unpkg.com/leaflet-html@latest/dist/leaflet-html.js"
+        }
+      }
+    </script>
+    <script type="module">
+      import "leaflet-html";
+    </script>
+    <script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
+</head>
+<body>
+<nav>
+<div>
+  <a href="https://andrewgryan.github.io/leaflet-html/"><iconify-icon icon="mdi:home"></iconify-icon> Home</a>
+  <a href="https://andrewgryan.github.io/leaflet-html/articles/"><iconify-icon icon="material-symbols:article-outline-sharp"></iconify-icon> Articles</a>
+  <a href="https://andrewgryan.github.io/leaflet-html/api/"><iconify-icon icon="material-symbols:api"></iconify-icon> API</a>
+</div>
+<a href="Https://GitHub.com/andrewgryan/leaflet-html"><iconify-icon icon="mdi:github"></iconify-icon></a>
+</nav>
+
+<main>
+  <h1>Circle</h1>
+  <p>HTML equivalent to <code>L.circle</code> function.
+Can be a child of <code>l-map</code> or <code>l-layer-group</code> elements.</p>
+<h2 id="example">Example</h2>
+<p>A standard way to initialise.</p>
+<pre data-lang="html" style="background-color:#f5f5f5;color:#1f1f1f;" class="language-html "><code class="language-html" data-lang="html"><span style="color:#6486ab;">&lt;l-circle lat-lng=</span><span style="color:#d07711;">&quot;[0,0]&quot;</span><span style="color:#6486ab;">&gt;&lt;/l-circle&gt;
+</span></code></pre>
+<h2 id="parameters">Parameters</h2>
+<p>Mandatory HTML properties to successfully instantiate.</p>
+<table><thead><tr><th>Attribute</th><th>Example</th><th>Description</th></tr></thead><tbody>
+<tr><td>lat-lng</td><td>[45, 45]</td><td>LatLng position to define circle center location</td></tr>
+</tbody></table>
+<h2 id="properties">Properties</h2>
+<table><thead><tr><th>Attribute</th><th>Type</th><th>Description</th></tr></thead><tbody>
+<tr><td>radius</td><td>number</td><td></td></tr>
+<tr><td>stroke</td><td>boolean</td><td>true</td></tr>
+<tr><td>color</td><td>string</td><td>#3388ff</td></tr>
+<tr><td>weight</td><td>number</td><td>3</td></tr>
+<tr><td>opacity</td><td>number</td><td>1.0</td></tr>
+<tr><td>lineCap</td><td>string</td><td>round</td></tr>
+<tr><td>lineJoin</td><td>string</td><td>round</td></tr>
+<tr><td>dashArray</td><td>string</td><td>null</td></tr>
+<tr><td>dashOffset</td><td>string</td><td>null</td></tr>
+<tr><td>fill</td><td>boolean</td><td>true</td></tr>
+<tr><td>fillColor</td><td>string</td><td>#3388ff</td></tr>
+<tr><td>fillOpacity</td><td>number</td><td>0.2</td></tr>
+<tr><td>smoothFactor</td><td>number</td><td>1.0</td></tr>
+<tr><td>noClip</td><td>boolean</td><td>false</td></tr>
+<tr><td>interactive</td><td>boolean</td><td>true</td></tr>
+</tbody></table>
+<h2 id="events">Events</h2>
+<table><thead><tr><th>Event key</th><th>Detail</th><th>Description</th></tr></thead><tbody>
+<tr><td>l:layer:connected</td><td></td><td>Triggered when connected to the document</td></tr>
+</tbody></table>
+
+</main>
+
+<footer>
+  <div class="logo">Leaflet-HTML</div>
+</footer>
+</body>
+</html>
diff --git a/api/l-control-layers/index.html b/api/l-control-layers/index.html
@@ -0,0 +1,68 @@
+
+
+
+<!DOCTYPE html>
+<html>
+<head lang="en">
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <style>
+  </style>
+    <link rel="stylesheet" href="/style.css" />
+    <link rel="stylesheet" href="/leaflet-html/style.css" />
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/[email protected]/dist/leaflet.css"
+      integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
+      crossorigin=""
+    />
+    <script type="importmap">
+      {
+        "imports": {
+          "leaflet": "https://unpkg.com/[email protected]/dist/leaflet-src.esm.js",
+          "leaflet-html": "https://unpkg.com/leaflet-html@latest/dist/leaflet-html.js"
+        }
+      }
+    </script>
+    <script type="module">
+      import "leaflet-html";
+    </script>
+    <script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
+</head>
+<body>
+<nav>
+<div>
+  <a href="https://andrewgryan.github.io/leaflet-html/"><iconify-icon icon="mdi:home"></iconify-icon> Home</a>
+  <a href="https://andrewgryan.github.io/leaflet-html/articles/"><iconify-icon icon="material-symbols:article-outline-sharp"></iconify-icon> Articles</a>
+  <a href="https://andrewgryan.github.io/leaflet-html/api/"><iconify-icon icon="material-symbols:api"></iconify-icon> API</a>
+</div>
+<a href="Https://GitHub.com/andrewgryan/leaflet-html"><iconify-icon icon="mdi:github"></iconify-icon></a>
+</nav>
+
+<main>
+  <h1>Control layers</h1>
+  <p>HTML equivalent to <code>L.</code> function.</p>
+<h2 id="example">Example</h2>
+<p>A standard way to initialise.</p>
+<pre data-lang="html" style="background-color:#f5f5f5;color:#1f1f1f;" class="language-html "><code class="language-html" data-lang="html"></code></pre>
+<h2 id="parameters">Parameters</h2>
+<p>Mandatory HTML properties to successfully instantiate.</p>
+<table><thead><tr><th>Attribute</th><th>Example</th><th>Description</th></tr></thead><tbody>
+<tr><td></td><td></td><td></td></tr>
+</tbody></table>
+<h2 id="properties">Properties</h2>
+<table><thead><tr><th>Attribute</th><th>Type</th><th>Description</th></tr></thead><tbody>
+<tr><td></td><td></td><td></td></tr>
+</tbody></table>
+<h2 id="events">Events</h2>
+<table><thead><tr><th>Event key</th><th>Detail</th><th>Description</th></tr></thead><tbody>
+<tr><td></td><td></td><td></td></tr>
+</tbody></table>
+
+</main>
+
+<footer>
+  <div class="logo">Leaflet-HTML</div>
+</footer>
+</body>
+</html>