OSM Buildings est une bibliothèque JavaScript qui nous permet de créer cette fonctionnalité similaire en utilisant n'importe quel fournisseur de plans.

La bibliothèque utilise le moteur de cartographie Leaflet et un canva HTML5 (plutôt que WebGL) et exige que les données géométriques de la zone à visualiser.

Il existe plusieurs sources libres pour obtenir les données et la bibliothèque peut être utile pour mettre en valeur une carte de situation.

Pour s'amuser, Michael Straßburger a créé un outil JavaScript, MapSCII, vous permettant d'utiliser google maps sur votre console.

Vous pouvez utiliser votre souris pour vous déplacer et zoomer.

Il affiche même les points d'interets.

Enfin, comme il est sous licence MIT, vous pouvez l'utiliser pour vos projets personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.

Save

 

De plus, elle est extrèmement felxible puisqu'elle utilise une architecture à base de plugins.

Elle est entièrement personnalisable : les couleurs, la rotation sont modifiables. Il est également possible de faire apparaitre des points chauds à n'importe quel endroit avec couleurs et tailles différentes et il est possible de zoomer.

Enfin, cette bibliothèque étant open source, vous pouvez librement l'utiliser et l'enrichir.

Ce script est très facile d'emploi puisqu'il ne dépend d'aucune ressource externe, il suffit de l'inclure et de lui laisser vos données.

Comme il est distribué sous licence open source, il est possible de le modifier, de l'amérliorer et de le personnaliser.

N'hésitez pas à faire part de vos modifications car elles seront certainement utiles à d'autres ...

Il fonctionne en évitant de polluer DOM avec toutes les étiquettes de toutes les données mais uniquement celles qui sont affichées.

Il ajoute ensuite les lignes supplémentaires au fur et à mesure.

Comme il est distribué sous licence MIT, vous pouvez donc l'utiliser pour vos projets de sites web personnels comme commerciaux.

Ce script utilise la position de la souris ou du touché pour afficher et déplacer l'image panoramique.

Il n'y a pas de restrictions pour les éléments HTML que vous souhaitez utiliser pour activer le script, la seule condition reste que la source ou les données puissent être afficher comme une image.

Vous pouvez utiliser des méta-images pour un affichage de différentes versions d'une image originale.

Elle vous permet de mettre en forme facilement des données au format Geojson.

Son utilisation est simple mais la documentation est uniquement en Chinois puisque son auteur est une équipe du moteur de recherche Baidu, l'équivalent chinois du géant Google.

Enfin, comme elle est sous licence open source, vous pouvez l'utiliser pour vos prochains projets de sites web personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.

GL-transitions est une collection de plusieurs effets de transitions pour photos ou vidéos.

Le but de ce projet est d'offrir le plus grand nombre de transitions.

Enfin, comme il est libre, vous pouvez les utiliser pour vos prochains projets de sites web personnels ou professionnels, les adapter à vos besoins et pourquoi pas, participer en ajouter vos propres transitions.