Une page où visualiser différentes cartes gratuites utilisables avec leaflet.js, faire votre choix, et obtenir le code Javascript pour l’utiliser dans votre carte interactive.
> Catégorie Javascript/jQuery
> Maptiler Desktop pour des cartes Leaflet non-géographiques
MapTiler Desktop est un logiciel qui va vous permettre de transformer une grande image en tuiles, pour l’utiliser dans Leaflet. Tout est permis : dessin scanné, carte de jeu vidéo... Voir l'article
> Leaflet basemaps : différentes cartes géographiques pour Leaflet
> Leaflet.js – cartes interactives
Leaflet.js est une librairie Javascript de cartographie interactive. Leaflet propose toute une série de tutos officiels, ainsi qu’une documentation qui détaille toutes les fonctions et leur utilisation. Installation La page... Voir l'article
> Fonctions Javascript utiles
Un petit fichier avec quelques fonctions Javascript utiles :
- random(min, max) un peu comme la fonction de p5js
random(min, max, true) permet d’obtenir un nombre entier - randomColor() pour obtenir une couleur hexadécimale aléatoire
- setLocal(name, value), getLocal(name) et clearLocal(name)
pour gérer des données complexes (JSON) en localStorage et enregistrer des données persistantes dans le navigateur du visiteur.
> jquery simpleSlider
Une librairie simple à prendre en main pour afficher des sliders d’images (ou d’autre chose).
Démo et téléchargement ici.
> jQuery easyDrag
Une librairie compacte pour rendre n’importe quel élément de mise en page déplaçable à la souris, ou au doigt.
Disponible ici, avec des explications.
> Récap. jQuery, guide complet
jQuery est une librairie Javascript qui ajoute de nombreuses fonctionnalités pour manipuler le contenu d’une page web, et mettre en place une interactivité sur-mesure. jQuery est écrit en Javascript, on... Voir l'article
> Couleur aléatoire en Javascript
Voici une petite fonction à utiliser où vous le souhaitez, pour remplacer une couleur du genre ‘#FFFFFF’ :
function randColor(){ return '#'+(function(h){return new Array(7-h.length).join("0")+h})((Math.random()*(0xFFFFFF+1)<<0).toString(16)); }
Il faut coller la fonction dans votre code, ensuite à vous les couleurs aléatoires !
> Les easing pour assouplir vos animations
Les easing, ce sont des équations mathématiques qui… bon ça va surtout vous permettre de bouger des trucs à l’écran, oui mais avec un mouvement élastique du bel effet !... Voir l'article
> Animations CSS3 en Javascript
Les animations CSS3 c’est super, mais la syntaxe est assez pénible et ce n’est pas évident à temporiser (une anim, puis une autre, et une 3ème au clic, etc). Je... Voir l'article
> Nombres aléatoires en Javascript
Pour vous simplifier la génération de nombres aléatoires :
function rand(min, max){ return min+Math.round(Math.random()*(max-min)); };
Et ça s’utilise ensuite comme dans Processing :
var truc = rand(-5, 5); // renvoie un nombre entier entre -5 et 5