') + ')', 'gi'); if (regex.test(text)) { found = true; var frag = document.createDocumentFragment(); var parts = text.split(regex); parts.forEach(function(part, i) { if (i % 2 === 0) { frag.appendChild(document.createTextNode(part)); } else { var span = document.createElement('span'); span.className = 'userscript-highlight'; span.textContent = part; frag.appendChild(span); } }); node.parentNode.replaceChild(frag, node); } }); } else if (node.nodeType === 1 && node.childNodes) { // element var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT']; if (!skipTags.includes(node.tagName)) { Array.from(node.childNodes).forEach(highlight); } } } highlight(document.body); // Re-highlight on dynamic content var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1 || node.nodeType === 3) highlight(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Strip utm_, fbclid, gclid, etc. from all links on page (function() { var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid', 'ref', 'ref_src', 'source', 'medium', 'campaign']; function cleanUrl(url) { try { var u = new URL(url, window.location.origin); var changed = false; trackingParams.forEach(function(p) { if (u.searchParams.has(p)) { u.searchParams.delete(p); changed = true; } }); return changed ? u.toString() : url; } catch (e) { return url; } } function cleanLinks() { document.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } cleanLinks(); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'A') cleanLinks(); node.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Auto-enable theater mode on YouTube (function() { function tryTheater() { var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]'); if (btn && !btn.classList.contains('activated')) { btn.click(); } } // Try immediately tryTheater(); // Try after navigation (SPA) var lastUrl = location.href; setInterval(function() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(tryTheater, 500); } }, 1000); // Also try on player load var observer = new MutationObserver(tryTheater); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Remove or un-stick sticky/fixed headers that block content (function() { function unstick() { document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) { if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') { el.style.position = 'static'; el.style.top = 'auto'; el.style.zIndex = 'auto'; } }); } unstick(); var observer = new MutationObserver(unstick); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); })(); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); })(); GitHub - cutral/leaflet-examples: :maple_leaf: A collection of examples of leaflet map usage · GitHub
Skip to content
BranchesTags

Repository files navigation

🍁 leaflet-examples

leaflet-examples a collection of examples of leaflet map usage

License: MIT

The react version can be found at this link react-leaflet-examples.

Demo

Here is a working live demo : https://tomickigrzegorz.github.io/leaflet-examples/

Work in progress 😃 Suggestions welcome 💡.

76 move-marker
75 dynamic-data-on-sidebar
74 open-popup-markercluster-from-outside
73 change-tile-style-when-click
72 add-rectangle-over-click-tiles
71 text-below-a-marker
70 polygon-with-gradien
69 simple-jump-marker
68 popup-in-a-fixed-position
67 add-data-attribute-to-marker
66 leaflet-geoman
65 marker-slide-to
64 autocomplete-with-geojson
63 leaflet-routing-machine
62 count-markers
61 bind-more-popups-to-the-same-marker
60 great-circle
59 sidebar-replacing-popup
58 control-layers-outside-the-map
57 create-additional-control-placeholders
56 sidebar
55 follow-mouse
54 contextmenu
53 create-and-save-geojson
52 full-project
51 tabs-in-popup
50 autocomplete-on-map-button)
49 location-button
48 tiles-gray
47 random-marker-in-map-bounds
46 checking-if-the-marker-is-in-viewport
45 multi-layer-search
44 data-on-sidebar
43 image-on-map
42 scale
41 back-to-home-button
40 distance-between-cities-on-map
39 coordinates-of-the-center-of-the-visible-map
38 part-of-the-common
37 enlarge-a-polygon-box-by-5%
36 story-maps-IntersectionObserver
35 marker-draggable-on-a-click
34 multiple-tile-layers
33 location
32 image-icons-prev-next
31 awesome-markers
30 mini-map
29 linked-view
28 adding-map-description
27 fullscreen
26 markers-60K
25 fitBounds-with-padding
24 polyline
23 custom-marker-and-popup
22 center-map-when-click-marker
21 geocoding-addresses-search-engine-outside-the-map
20 maxBound-map-restricts-the-view
19 custom-button
18 add-move-and-delete-marker
17 TileLayer
16 geoJson-extended-action
15 geoJson-simple
14 dragable-markers
13 svg-markers-width-legends
12 controling-polygons
11 controlling-the-map-from-outside-the-map
10 matching-all-markers-to-the-map-view
09 marker-grouping-markercluster-plugin
08 controlling-different-groups-of-markers
07 image-instead-of-map
06 coordinates-of-the-visible-map
05 coordinates-after-clicking-on-the-map
04 many-markers
03 adding-one-marker
02 changing-locate-zoom-control
01 simple-map

About

🍁 A collection of examples of leaflet map usage

tomickigrzegorz.github.io/leaflet-examples/

Resources

Readme
License
Activity
Custom properties

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages