Skip to content

Commit

Permalink
Deploy andrewgryan/leaflet-html to andrewgryan/leaflet-html:gh-pages
Browse files Browse the repository at this point in the history
  • Loading branch information
GitHub Actions committed Nov 4, 2024
0 parents commit 469fc2f
Show file tree
Hide file tree
Showing 43 changed files with 3,281 additions and 0 deletions.
3 changes: 3 additions & 0 deletions 404.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
<!doctype html>
<title>404 Not Found</title>
<h1>404 Not Found</h1>
91 changes: 91 additions & 0 deletions api/index.html
Original file line number Diff line number Diff line change
@@ -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-div-icon/">DivIcon</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-base-layers/">Base layers</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-pane/">Pane</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-rectangle/">Rectangle</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-image-overlay/">Image overlay</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-tooltip/">Tooltip</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-popup/">Popup</a></li>

<li><a href="https://andrewgryan.github.io/leaflet-html/api/l-tile-layer/">TileLayer</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-polyline/">Polyline</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-lat-lng-bounds/">LatLngBounds</a></li>

<li><a href="https://andrewgryan.github.io/leaflet-html/api/l-control-layers/">Control layers</a></li>

</ul>
</main>

<footer>
<div class="logo">Leaflet-HTML</div>
</footer>
</body>
</html>
68 changes: 68 additions & 0 deletions api/l-base-layers/index.html
Original file line number Diff line number Diff line change
@@ -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>
84 changes: 84 additions & 0 deletions api/l-circle/index.html
Original file line number Diff line number Diff line change
@@ -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>
68 changes: 68 additions & 0 deletions api/l-control-layers/index.html
Original file line number Diff line number Diff line change
@@ -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>
Loading

0 comments on commit 469fc2f

Please sign in to comment.