') + ')', '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 - ElCep/htmlMap: Some stuff about webmapping · GitHub
Skip to content
BranchesTags

Latest commit

History

42 Commits

Folders and files

NameName
Last commit message
Last commit date
howTo_leaflet
howTo_leaflet
howTo_ol
howTo_ol
mapfile
mapfile
mysql
mysql
noMap
noMap
LICENSE
LICENSE
README.md
README.md

Repository files navigation

htmlMap

Pense "pas bête"

GDAL/OGR

  • gdalwrap reprojetter des raster gdalwarp -s_srs EPSG:2154 -t_srs EPSG:4326 Acidite2012.tiff Acidite2012_4326.tiff
  • gdalinfo pour obtenir les bbox d'un raster gdalinfo Acidite2012_4326.tiff (note qu'il existe ogrinfo pour les vector)

le contenu des dossiers

mapfile

  • le readme qui contient les information pour compiler et configurer mapserver sur debian
  • un exemple de mapfile sur un couche raster produisant un WMF avec interprétation des couleurs par le serveur
  • un autre exemple qui permet de servir les données d'un base mySQL en geoJson sous forme d'un flux WFS.
  • Les autres fichiers ont permis de faire les testes

Le dossier leaflet

Le dossier OpenLayer

Nous avons exploré la librairies OL3 qui est encore en dev et assez peut documenté Ici quelques exemple d'utilisation avec mapserver. A noté qu'il faut modifier l'url du webservice

  • le readme qui contient surtout des ressources internet
  • loadmapfile.html openLayer permet de charger des données ne sont pas tuillé au contraire de leaflet (ou il faut passer par un hack)
  • mapbox_wfs_highlight.html qui charge le geoJson de mapserver et affiche des points et les surligne en rouge en affichant un attribut du geoJson
  • mapbox_wfs_popinid.html affiche les wfs sous forme de geoJson et ouvre un div avec l'atribut du points sous la carte
  • mapbox_wfs_popinFloat.html affiche un popin sur la position du point
  • sandbox.html un truc bien crado

Le dossier mysql

On y retroue un readme qui fait le point sur la configuration de mysql pour pouvoir être attaqué par mapserver.

Le dossier noMap

Il contient quelques teste d'utilisation de leaflet pour afficher des images non géographique.

Des ressources en vrac

About

Some stuff about webmapping

Resources

Readme
GPL-2.0 license
Activity

Stars

1 star

Watchers

2 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages