Leaflet Provider Demo
▻https://leaflet-extras.github.io/leaflet-providers/preview
Prévisualisation des fonds de cartes disponibles pour Leaflet
Leaflet Provider Demo
▻https://leaflet-extras.github.io/leaflet-providers/preview
Prévisualisation des fonds de cartes disponibles pour Leaflet
Héhé, je connais bien ce repo, à noter que c’est la lib qu’on utilise pour les fonds de cartes dans le plugin GIS pour #SPIP.
Ça va “brancher” chez Leaflet...
Leaflet 1.9 released - Leaflet - a JavaScript library for interactive maps
The v1.9 release is setting the stage for the first major version bump of Leaflet since 2016! A lot has changed since then, and it’s time for Leaflet to grow together with the web platform.
After this release, we are branching off the 1.x code and putting it in maintenance mode — reserving potential 1.x releases only for critical bugfixes. Although version 2.0 is still far away and will take some time to take shape, we plan to make the following changes:
– Dropping support for Internet Explorer.
– Embracing modern JavaScript.
– Standardized modules
– Removing the Leaflet global
En attendant la version 1.9.0 est dispo dans le plugin #GIS pour #SPIP depuis ce matin :)
▻https://git.spip.net/spip-contrib-extensions/gis/src/branch/master/CHANGELOG.md#4-54-0-2022-09-23
v1.8.0 · Discussion 8149 · Leaflet/Leaflet
▻https://github.com/Leaflet/Leaflet/discussions/8149
A huge release (the first one in 1.5 years), focused on bug fixes, major reliability and accessibility improvements, cleaning up legacy code, and numerous improvements to documentation, development workflow and release process. A culmination of hundreds of contributions, and a preparation for bigger changes to come. leaves
#leaflet is not dead :)
Je suis en contact avec 3 ukrainiens entre 25 et 30 ans. Anciens collègues de télétravail quotidien pendant 2 ans (2018-2020).
Leus témoignages sont forts et apeurés, mais certainement pas autant que le ressenti diffusé dans nos médias.
Alors je me demande si c’est le traitement de l’information qui fait ca.
La premiere est partie à J-2 de l’invasion dans l’ouest de l’Ukraine, elle est très avisée et prévoyante de nature. Elle espère revenir bientôt et retrouver sa maison.
Les 3 sont ingés donc ont fait des études sup. et sont riches.
La seconde est restée à Karkhiv, elle se cache en bunker régulièrement, elle voit bcp d’immeubles détruits. Pas de pertes dans sa famille ou ses proches.
Le dernier est aussi a Karkhiv, il témoigne juste de défense anti aérienne qui se déclenchent régulierement, et d’explosions, mais serein. Il a toujours eu cette personnalité.
Les 3 pensent que ca sera fini sous peu.
Y a plein de biais de perception, de tous les côtés.
Genre, l’Ukraine, c’est vraiment très très grand.
J’ai vécu plusieurs vagues d’attentats… ben, c’est différend selon que tu habites à Paris ou 800 km plus loin. Et les traitements médiatiques sont différents aussi. Et l’ambiance générale aussi.
Notre collègue de logiciels libres @mourner (auteur de #Leaflet et de dizaines de modules javascript de cartographie) s’est exprimé récemment ici ▻https://news.ycombinator.com/item?id=30551006 (et aussi sur son fil twitter). Famille déplacée vers une ville de l’ouest. Il est dans un état d’esprit combattif.
It’s miraculous transformation — I was against the current government, like many of my friends, it did its share of mistakes in recent years, but this huge existential threat seems to have propelled them to rise up to the occasion with intense focus and do the right thing. I’m now quite proud of the Ukrainian government.
mapbox - Leaflet : How to add a text label to a custom marker icon ? - Stack Overflow
▻https://stackoverflow.com/questions/34775308/leaflet-how-to-add-a-text-label-to-a-custom-marker-icon
Leaflet L.DivIcon feature that represents a lightweight icon for markers that uses a simple div element instead of an image
une méthode pour afficher du texte sur les marqueurs Leaflet
Voir aussi :
– pour SPIP + GIS : ▻https://git.spip.net/spip-contrib-extensions/gis/src/branch/master/javascript/leaflet.gis.js#L249
– ▻https://gis.stackexchange.com/questions/59571/how-to-add-text-only-labels-on-leaflet-map-with-no-icon
– ▻https://leafletjs.com/reference-1.7.1.html#divicon
et du coup en entre-deux pour l’instant j’ai fait ça :
– activer les cluster + l’option singlemarker pour que même les points seuls utilisent le code des clusters (donc un divicon)
– personnaliser la fonction qui génère les marqueurs divicon
<script type="text/javascript">
;jQuery(function($) {
$('.carte_gis').on('load', function(){
this.map.options.clusterOptions.iconCreateFunction = function(cluster) {
var nb = 0;
$.each(cluster.getAllChildMarkers(), function(cle,valeur) {
nb += valeur.feature.properties.nb_dossiers;
});
return new L.DivIcon({ html: '<div><span>' + nb + '</span></div>', className: 'marker-cluster', iconSize: new L.Point(40, 40) });
}
});
});
</script>
Lose Yourself in a Mesmerizing, Meticulous Map of the Met - Atlas Obscura
▻https://www.atlasobscura.com/articles/mesmerizing-map-met-museum
n March, the Metropolitan Museum of Art joined thousands of museums that have closed their galleries to prevent the spread of COVID-19. It might be months before its doors reopen, but anyone with an internet connection can explore 5,000 years of art from the museum’s holdings. You can revel in the intricacies of incense burners from around the world; lose yourself in a garden; even go bird-watching.
A standout among these many resources is a charming, illustrated map of the museum that was created before the Met had a Digital Media Department. Hand-drawn by artist John Kerschbaum, who received the commission in 2004, the Family Map charts out every gallery of the museum on a single, 18-by-24-inch page. Kerschbaum lives in New York City and based the Met map on a similarly saturated 1976 poster of Manhattan by artist Tony Graham.
#cartographie #image #leaflet ?
Géoservices | Extension pour Leaflet
▻https://geoservices.ign.fr/documentation/utilisation_web/extension-leaflet.html
Le repo Github : ▻https://github.com/IGNF/geoportal-access-lib
La bibliothèque d’accès aux ressources de la plateforme Géoportail est une bibliothèque de fonctions javascript permettant d’accéder aux ressources délivrées par les services web du Géoportail.
Elle permet plus particulièrement d’effectuer les opérations suivantes utilisant les données de l’IGN :
– Géocoder des adresses, toponymes et parcelles cadastrales
– Obtenir des suggestions d’adresses ou de toponymes à partir de textes incomplets
– Obtenir des localisants (toponymes, adresses, parcelles cadastrales) proche d’une position donnée (géocodage inverse)
– Obtenir des altitudes en un ou plusieurs points ou calculer des profils altimétriques
– Calculer un itinéraire piéton ou routier
– Calculer des isochrones / isodistances autour d’un point
– Obtenir des informations relatives à un contrat d’accès au Géoportail
ça semble séduisant comme API de services cartos :-)
...sauf que la partie « pro » du site de l’IGN qui gère la fourniture de clés API est en refonte depuis plus de 6 mois et que du coup il faut passer par un mauvais formulaire externe pour se récupérer une clé !
Iván Sánchez Ortega / Leaflet.TileLayer.GL · GitLab
▻https://gitlab.com/IvanSanchez/Leaflet.TileLayer.GL
With this plugin, you can apply colour transforms to your tiles, merge two or more tiles with a custom function, perform on-the-fly hillshading, or create synthetic tile layers based only on the map coordinates.
See several examples and edit them :
▻http://ivansanchez.gitlab.io/Leaflet.TileLayer.GL/demo/repl.html
Why?
#Leaflet has been lagging behind when it comes to #WebGL technology. Other map libraries (such as OpenLayers 3 and most notably Tangram) can already use WebGL shaders to apply transformations to map tiles and do fancy stuff.
The inflexion point are MapBox’s “Terrain-RGB” tiles. WebGL manipulation of these tiles can provide real-time terrain relief and hill shading.
This takes some inspiration from shadertoy.com, in the sense that the shaders work on two triangles with some predefined attributes and uniforms.
#map
#cartographie #développement #web #leaflet #javascript et surtout : #glitter, le plus important
Nous sommes des citoyen.ne.s. Français.e.s ou non. Bénévoles ou salarié.e.s. Grands-parents ou étudiant.e.s. Toutes et tous engagé.e.s auprès des migrant.e.s et réfugié.e.s arrivé.e.s en France, dans des associations*, des collectifs citoyens*, des collectifs de voisins*, formels ou informels, ou parfois même individuellement.
Venant d’horizons variés, nous avons choisi de nous réunir car nous avons été confronté.e.s à ce double constat :
Les frontières se ferment, piétinant de plus en plus les idéaux de solidarité ; des personnes qui fuient la guerre ou la misère se retrouvent affamées, laissées pour compte, abandonnées dans nos rues : à Paris, Nantes, Dijon et dans bien d’autres villes encore.
Malgré un discours politique de fermeture et de sécurité, largement repris par les médias, qui lie chaque jour un peu plus délinquance et migrants, terrorisme et migrants, chômage et migrants, la solidarité citoyenne s’organise. Des Hauts-de-France à la vallée de la Roya, des centaines d’initiatives citoyennes ont émergé de manière spontanée.
À nous tous, associations de solidarité avec les migrant.e.s et initiatives citoyennes, une alliance s’imposait donc pour combattre ensemble, des discours et des politiques migratoires inacceptables et honteux. Réuni.e.s régulièrement depuis le mois de novembre 2016, nous avons décidé de construire une cartographie pour recenser ces initiatives et atteindre un triple objectif :
mieux connecter les militants entre eux, se faire connaître les uns et des autres ;
être un outil d’information au service des personnes ayant des besoins de formation, d’accompagnement juridique, de soins médicaux, etc. ;
rendre visible cette solidarité et montrer que nous sommes la preuve qu’une autre France existe, accueillante et mobilisée aux côtés des migrant.e.s…
Appeler à un sursaut citoyen, c’est grossir les rangs de ces initiatives partout en France qui ne se voient pas, ne se connaissent pas et sont pourtant une vraie source de réenchantement. C’est faire en sorte qu’elles deviennent l’affaire et l’histoire de chacune et de chacun. C’est oser clamer haut et fort qu’accueillir des migrants ne pose aucun problème, sauf aux tenants d’une politique et d’une administration de plus en plus xénophobes. C’est montrer que nous, citoyens, avons une autre idée de la France, que nous voulons solidaire, accueillante, ouverte.
Compliquer la vie de quelques milliers de personnes qui ont déjà des parcours de vie douloureux est une erreur que nous œuvrons à corriger.
Nous sommes des millions, nos actes et ce qu’ils posent comme vision de la France, doivent être pleinement pris en considération par les futur.e.s élu.e.s de la République, président.e et parlementaires !
C’est d’ailleurs ce que je me disais aussi, @b_b, je pensais aussi l’avoir vu passer...
Bon, là, il est de retour !
City Street Orientations around the World - Geoff Boeing
►http://geoffboeing.com/2018/07/city-street-orientations-world
By popular request, this is a quick follow-up to this post comparing the orientation of streets in 25 US cities using Python and OSMnx. Here are 25 more cities around the world:
qui fait suite aux villes américaines: Comparing City Street Orientations
▻http://geoffboeing.com/2018/07/comparing-city-street-orientations
Each of the cities above is represented by a polar histogram (aka rose diagram) depicting how its streets orient. Each bar’s direction represents the compass bearings of the streets (in that histogram bin) and its length represents the relative frequency of streets with those bearings.
Une version « interactive » avec #leaflet réalisée par Vlad :
►https://mourner.github.io/road-orientation-map
Et le billet qui explique la recette utilisée :
▻https://blog.mapbox.com/visualizing-street-orientations-on-an-interactive-map-1eefa6002afc
Génial. Du coup, l’Écusson de #Montpellier :
Rough.js : Create graphics with a hand-drawn, sketchy, appearance
▻http://roughjs.com
Ces si (extra)ordinaires alchimistes du sol - Agnès Stienne - Visionscarto
►https://visionscarto.net/ces-si-extra-ordinaires
Un petit topo sur la vie grouillante des sols. Bonne visite !
Petite visite en terre inconnue, dans ce repaire où, bien à l’abri des regards, un microcosme souterrain s’active à l’accomplissement du grand œuvre : fabriquer du sol et faire pousser des plantes... éternellement.
#micro-organisme #sol #ver_de_terre #biodiversité #bactérie #champignon #cartographie #visualisation #art
Merci de m’avoir signalé ce travail @odilon les vers de terres, les champignons et les petites bêtes sont passionnantes. Tes planches de racines sont particulièrement belles.
edit - c’est pas des racines mais des mycorhize :) désolé de commenté avant d’avoir lu.
C’est moi qui te remercie c’etait passionnant et j’ai appris plein de mots et de choses et j’ai plein d’idées de microfaune à essayer sur gogol image :)
Si si, ce sont bien et des racines et des hyphes de champignons, et donc des mycorhizes :)
Ce qui est dommage c’est qu’on ne peut pas agrandir le fragment de rhizosphère, il est tout plein de petites bestioles mais là on ne les voit pas.
C’est domage ! Il te faudrait une appli image magic + #leaflet comme @fil en as le secret !
J’en profite pour mettre des ressources sur ces petites bestioles
parfois assez grosses le Megascolides australis plus gros ver de terre de la terre fait 80cm de long mais on rapport qu’ils peuvent atteindre les 3m.
▻https://fr.wikipedia.org/wiki/Megascolides_australis
c’est aussi la première espèce d’annélide terrestre au monde à être officiellement protégée. L’UICN a déclaré l’espèce vulnérable en 1986.
Google me dit qu’il y en a un plus gros au Vietnam pas la photo doit plutot venir d’Arrakis.
Autre grosse petite bête, le Dynastes hercules
▻https://www.youtube.com/watch?v=k2hqRv7Nqlk
On peut les voire quand on zoom sur seenthis, les escargots sont plutot en surface d’ailleurs et ceux qu’on trouve en profondeur ont l’aire d’être des coquilles vides.
Conférence TED de Paul Stamets ; 6 manières de changer le monde à l’aide des Champignons
Ah oui, j’aime bien les vidéos de Paul Stamets, on en as mis déjà ici...
Dans un des bouquins que j’ai utilisé il y a la photo d’un ver de terre du Brésil qui mesure 1,50 mètres.
Ça c’est la photo d’un œuf de tardigrade, c’est très mignon :)
Les #lombriciens, acteurs indispensables de la vie
Animal certes peu ragoutant avec ses airs de serpent gluant, la communauté lombricienne représente à elle seule la première biomasse animale terrestre. Nuit et jour ils travaillent sans relâche à brasser, retourner, fertiliser et labourer notre terre nourricière.
Les champignons, une menace silencieuse sur la santé et l’alimentation humaine
►https://seenthis.net/messages/722711
#OpenRouteService #API : A #Leaflet example for #Isochrones
▻http://www.digital-geography.com/openrouteservice-api-a-leaflet-example-for-isochrones
The page OpenRouteService.org is a very easy to use website which provides routing from A to B via C. It also allows to choose between different routing types for trucks, pedestrians or bicycles and isochrone analyses based on time and distance. In this article I would like to show you, how to embed the OpenRouteSevrice API into your very own Leaflet based webmap.
#map
reducing label clutter across mapping libraries
Labelgun is a mapping library agnostic labelling engine. It allows you to avoid cluttering in mapping popups and labels, providing precedence to labels of your choice.
The library makes three assumptions:
– Each label has a bounding rectangle (Min X, Min Y, Max X, Max Y)
– Each label has a weight
– You can provide a function that will hide and show a label (e.g. through CSS class or JavaScript function)
Announcing #Leaflet 1.1.0
▻http://leafletjs.com/2017/06/27/leaflet-1.1.0.html
We have released Leaflet version 1.1.0, the first version built with ES6 modules - a big step forward ensuring Leaflet is up to date with how modern JavaScript is written. For users upgrading to this release, this change should not make a difference, while it offers the possibility to import individual parts of Leaflet individually if your app is built with ES6. As a consequence, 1.1.0 is also the first version built without Leaflet’s now deprecated custom build system, in favor of using Rollup.
Also new in this release is the new L.VideoOverlay
class, allowing overlaying video on your #maps.
▻http://leafletjs.com/examples/video-overlay
We also managed to fix over 30 bugs with the help of about 20 different contributors: see the full changelog for details.
Il y a une seconde exposition de mon travail à Fano prévu ce samedi, à 17h.
Le patriarche 17 L’impérialiste
►http://www.madmeg.org/p17
sera exposé à la Salle des Globes de la bibliothèque de Fano, c’est à dire dans cette Salle !!!
!
Il y aura une intervention de Michel Tagliabracci et Roberta Bertozzi qui sera filmé et retransmise sur ▻http://www.ondalibera.tv
Je suis trop contente !
Pour l’occasion @fil a fait de nouvelles applications. Merci à toi @fil
Voici la présentation des dernières webapps :
Patriarche N°24 - Le pêcheur (celui ci ne sera pas visible à Fano mais c’est le dernier que j’ai fait)
►http://www.madmeg.org/p24
–---
Patriarche N°216 - La Cappa Magna
►http://www.madmeg.org/p216
–---
Et deux nouveaux parchemins :
#patriarches #mégèrisme #leaflet #image_magic #pêche #poissons
Merci @aude_v mes tags sont pas toujours fonctionnels c’est quant même mieux quant ils le sont. :)
Géniale la vidéo ! Bravo pour la présentation et la prise de parole ?
Merci @dora_ellen C’était super ce double vernissage
voici le lien vers la vidéo qui est sur #fesse-bouc malheureusement.
Je vais essayé de l’extraire et de faire des sous-titres :
▻https://it-it.facebook.com/Ondaliberatv/videos/1308552332564224
Le démarrage de la vidéo est assez long. Je fait une petite intervention en français avec @sharazde qui traduit en italien à partir de 18:50 et Michele Tagliabracci, le bibliothécaire fait son intervention à partir de 22:47
Je pense que l’intervention de Michele Tagliabracci devrait intéressé les cartographes de @seenthis qui comprennent l’italien.
Geovation/labelgun: reducing label clutter across mapping libraries
▻https://github.com/Geovation/labelgun
Labelgun is a mapping library agnostic labelling engine. It allows you to avoid cluttering in mapping popups and labels, providing precedence to labels of your choice.
Dense Spatial Data and User Experience · loxodrome.io - James Milner’s personal blog
►https://www.loxodrome.io/post/dense-spatial-data
▻http://www.lefigaro.fr/economie/le-scan-eco/dessous-chiffres/2016/10/02/29006-20161002ARTFIG00074-la-carte-du-monde-de-la-dette-40-ans-d-evolution-
En cliquant sur le menu déroulant, vous pourrez voir, année par année, depuis 1980 et jusqu’en 2021, les dettes, en pourcentage du PIB, compilées et estimées par le FMI.
▻https://public.tableau.com/views/Dettemondevolutiondepuis1980/Dashboard1?:embed=y&:showVizHome=no
Meet Leaflet 1.0. - Leaflet - a JavaScript library for interactive maps
▻http://leafletjs.com/2016/09/27/leaflet-1.0-final.html
Today marks the final release of #Leaflet 1.0. It’s a culmination of several years of work by dozens of contributors from all over the world. This is the fastest, most stable and polished Leaflet release ever.
The changelog contains over 400 changes compared to the previous stable, v0.7.7. The highlights include:
– Huge performance improvements in all aspects of the library and vector layers in particular.
– New L.Tooltip class for all your dynamic labeling needs.
– Flyover animations (zooming and panning in a curve with map.flyTo).
– Fractional zoom level support (map.setZoom(12.34)).
– Much better tile loading algorithm with less flickering.
– Custom pane management (including multiple vector layer panes and interleaving vectors and tile layers).
– Better support for non-standard projections.
– More accessibility features.
– Vastly improved documentation.
– Tons of bugfixes and stability improvements.
...
Starting with 1.0, we’re switching to a fast release cycle, where a new version will come out every 2–4 weeks. We’ll also prefer many small, incremental changes (with releases in between) over ambitious rewriting quests.
Super, mais pour le moment je ne peux pas l’utiliser chez @mad_meg à cause de ce petit bug : ▻https://github.com/Leaflet/Leaflet/issues/4912
CoverageJSON - CoverageJSON is a geospatial #coverage interchange format based on JavaScript Object Notation (#JSON).
A format for publishing #geotemporal data to the web.
Un plugin #leaflet est déjà dispo : ▻https://github.com/Reading-eScience-Centre/leaflet-coverage
#map
Marine Traffic utilise enfin #osm et #leaflet \o/
Il portale di informazione sul traffico marittimo @MarineTraffic adesso usa OpenStreetMap
▻https://twitter.com/OpenStreetMapIt/status/761940288122355712
How-To : Hurricane Map – Adventures In Mapping
▻https://adventuresinmapping.wordpress.com/2016/06/07/how-to-hurricane-map
#cartographie #tutoriel (#arcgis malheureusement, mais la méthodologie et l’approche graphique sont universelles)
ça me donne envie de faire la même chose en utilisant #leaflet et #polarmap.js comme je le faisais ici :
►http://tiles.kupaia.fr/article31.html
cf ▻http://webmap.arcticconnect.org/polarmap.html
#map
huhu, pas de chance pour moi, c’est des tuiles de l’antarctique qu’il me faudrait et non l’arctique :p
Et hop, une adaptation approximative avec #leaflet en epsg:102019 (South Pole Azimuthal Equidistant) :
▻http://tiles.kupaia.fr/article36.html
PS : la recette est pour l’instant disponible dans un commentaire du code source de la page.
Cool, je n’ai plus le problème des lignes étranges le long de l’équateur depuis que j’ai branché la carte sur des données #natural_earth à jour :
Un peu mieux avec un fond de carte noir et en utilisant l’option nowrap sur la couche des tuiles pour ne pas « répéter la terre » :)
Rhoooo, un peu comme l’arbre des #taxinomes ►http://www.lestaxinomes.org/spip.php?page=arbre mais en #leaflet !
Faut que je décortique le bouzin, ça ferait plaisir à @antony :)
#leaflet-side-by-side
▻https://github.com/digidem/leaflet-side-by-side
A Leaflet control to add a split screen to compare two #map overlays.
demo : ▻http://lab.digital-democracy.org/leaflet-side-by-side
Fort McMurray et la Bête, un speed doc par @davduf
►http://fortmacandthebeast.com
3 mai 2016. La plus grande catastrophe du #Canada s’abat sur Fort McMurray, le trésor de guerre du pays, troisième réserve mondiale de #pétrole. Les pompiers vont l’appeler « la Bête. » Il était temps de revenir dans cette ville où j’avais passé trois hivers.
(avec une #cartographie_interactive que j’ai faite et qui permet de visualiser l’étendue des dégâts en la transposant « chez vous »)
Et quelle (belle) carte !
Merci @Fil !
#fortmcmoney #feu #petrole #sablesbitumineux #climat #pollution #environnement #AutoPromo
et le code pour faire la carte
▻https://github.com/Fil/fortmcmurray
avec du #leaflet et des techniques que je n’utilise pas d’habitude : #gif_animé et #géolocalisation
Et bientôt un joli making-of de la carte par @fil !
Fort McMurray et l’incendie de 589 000 hectares
▻http://visionscarto.net/fort-mcmurray-et-l-incendie
#making-of si on veut :)
Ah super ! j’avais tenté aussi de dessiner la carte ▻https://seenthis.net/messages/490547#message490606 avec les lacs alentour comme échelle
mais là, c’est bien clair, en positionnant la carte du feu sur la france, elle couvre la surface de la presqu’ile du Cotentin ou bien s’étend carrément de Toulouse à la méditerranée !
même type de comparaison de surfaces chez
▻http://www.lemonde.fr/les-decodeurs/article/2017/01/10/antarctique-visualisez-l-iceberg-geant-qui-se-detache-de-la-banquise_5060243
Un an après le feu à Fort McMurray, la blessure reste vive
Quelques flocons tardifs volent sur Fort McMurray, où l’éclat des derniers amas de neige contraste avec le noir ébène des arbres calcinés il y a un an par l’incendie le plus destructeur de l’histoire du Canada.