Merge pull request #11 from TomPsr/master

update demo
makinacorpus · Jan 15, 2024 · 410a1d7 · 410a1d7
2 parents 4eea0e8 + 7d21393
commit 410a1d7
Show file tree

Hide file tree

Showing 10 changed files with 1,224 additions and 0 deletions.
diff --git a/docs/example.html b/docs/example.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Leaflet.LayerIndex</title>
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css" />
+	<script>L_PREFER_CANVAS = true;</script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.js"></script>
+    <script src="../rtree.js"></script>
+    <script src="../leaflet.layerindex.js"></script>
+    <script src="../infocontrol.js"></script>
+	<style>
+		#map {
+            position: absolute;
+            top:0;
+            left: 0;
+            right: 0;
+            bottom:0;
+        }
+
+        .leaflet-infocontrol {
+            font-size: 25px !important;
+            top:50px;
+        }
+	</style>
+</head>
+<body>
+	<div id="map"></div>
+
+	<script type="text/javascript">
+		L.Map.include(L.LayerIndexMixin);
+
+		var map = L.map('map');
+        L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png').addTo(map);
+        map.fitWorld();
+        map.addControl(new L.Control.Information());
+
+        for (var i=0; i<5000; i++) {
+            var lat = Math.random() * 170 - 85
+              , lng = Math.random() * 350 - 175;
+            var layer = L.circleMarker(L.latLng([lat, lng]), {radius:1}).addTo(map);
+            map.indexLayer(layer);
+        }
+
+        map.fire('moveend');
+	</script>
+</body>
+</html>
diff --git a/docs/logo/github.svg b/docs/logo/github.svg
diff --git a/docs/logo/makina.svg b/docs/logo/makina.svg
diff --git a/docs/logo/npm.svg b/docs/logo/npm.svg
diff --git a/docs/meta.js b/docs/meta.js
@@ -0,0 +1,23 @@
+const logJson = async () => {
+    const reponse = await fetch('docs/meta.json');
+    return await reponse.json();
+}
+
+(async () => {
+    const meta = await logJson()
+    document.querySelector("title").innerText= meta.name
+    document.querySelector(".demo-name").innerText= meta.name
+    if (meta.npm){
+        document.querySelector(".npm").href="https://www.npmjs.com/package/" + meta.npm
+        document.querySelector(".npm .title").innerText= meta.npm
+    }else{
+        document.querySelector(".npm").remove()
+    }
+    document.querySelector(".sources").href= meta.github
+    document.querySelector(".readme-md").src= meta.github.replace("github.com","raw.githubusercontent.com") + "HEAD/README.md"
+    if (meta.moreInfo){
+        document.querySelector(".moreInfo").innerText= meta.moreInfo
+    }
+})()
+
+
diff --git a/docs/meta.json b/docs/meta.json
@@ -0,0 +1,5 @@
+{
+    "name" : "Leaflet.LayerIndex",
+    "github" : "https://github.com/makinacorpus/Leaflet.LayerIndex/",
+    "npm" : "leaflet-layerindex"
+}