From 1637bc94675451184e3a2670f445431859224c3c Mon Sep 17 00:00:00 2001 From: GitHub Actions Date: Tue, 7 May 2024 16:08:03 +0000 Subject: [PATCH] Deploy andrewgryan/leaflet-html to andrewgryan/leaflet-html:gh-pages --- 404.html | 3 ++ index.html | 126 ++++++++++++++++++++++++++++++++++++++++++++++++++++ robots.txt | 4 ++ sitemap.xml | 6 +++ 4 files changed, 139 insertions(+) create mode 100644 404.html create mode 100644 index.html create mode 100644 robots.txt create mode 100644 sitemap.xml diff --git a/404.html b/404.html new file mode 100644 index 0000000..f8414f0 --- /dev/null +++ b/404.html @@ -0,0 +1,3 @@ + +404 Not Found +

404 Not Found

diff --git a/index.html b/index.html new file mode 100644 index 0000000..6d34ee7 --- /dev/null +++ b/index.html @@ -0,0 +1,126 @@ + + + + + + + + + + + +
+

Leaflet HTML

+

LeafletJS is a library geared towards map based visualisations. +Leaflet HTML expresses that JavaScript API in HTML.

+

Design principles

+

Leaflet HTML tries to model Leaflet's API as closely as possible to avoid confusion and to ease onboarding. +Naming conventions are followed where possible. +The hierarchy in the JS API is replicated by nesting HTML elements.

+

Example

+

The following is a live running example of Leaflet HTML.

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
<!-- Example -->
+<div data-leaflet-html data-center="[39.61, -105.02]" data-zoom="10">
+  <div data-control-layers>
+    <div data-base-maps>
+      <div
+        data-tile-layer
+        data-name="CartoDB_Voyager"
+        data-url-template="https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png"
+        data-attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>'
+        data-max-zoom="20"
+        data-subdomains="abcd"
+        data-show
+      ></div>
+    </div>
+    <div data-overlay-maps>
+      <div data-layer-group data-name="Cities">
+        <div data-marker data-lat-lng="[39.61, -105.02]">
+          <div data-popup data-content="This is Littleton, CO."></div>
+        </div>
+        <div data-marker data-lat-lng="[39.74, -104.99]">
+          <div data-popup data-content="This is Denver, CO."></div>
+        </div>
+        <div data-marker data-lat-lng="[39.73, -104.8]">
+          <div data-popup data-content="This is Aurora, CO."></div>
+        </div>
+        <div data-marker data-lat-lng="[39.77, -105.23]">
+          <div data-popup data-content="This is Golden, CO."></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+ +
+ + diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..2e8736c --- /dev/null +++ b/robots.txt @@ -0,0 +1,4 @@ +User-agent: * +Disallow: +Allow: / +Sitemap: https://andrewgryan.github.io/leaflet-html/sitemap.xml diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..6675edd --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,6 @@ + + + + https://andrewgryan.github.io/leaflet-html/ + +