Archives par mot-clé : map

Cartagen

Nous étions déjà très enthousiastes au sujet de l’HTML 5, avec les récentes expérimentations réalisées en HTML 5, que moult projets d’applications étaient en cours d’achèvement. J’ai choisi de vous présenter Cartagen, car il me parait ambitieux.

Cartagen fait partie de ces applications qui se chargent sans avoir besoin d’un quelconque plugin. Ce framework permet d’afficher des cartes vectorielles en HTML 5. Écrit en Javascript, il utilise la fonction Canvas qui permet de charger des données de cartes depuis de nombreuses sources. L’affichage utilise une feuille de style géographique, (GSS), qui contient, en plus des informations de style, des spécifications de géolocalisation. Rien de vous empêche donc de modifier les données, ou le style, et d’afficher un rendu immédiatement.

Exemple ici avec une carte de Paris et de Rome, avec les données de OpenStreetMap

paris

roma

Un exemple plus ludique, celui d’afficher une carte de Londres avec une feuille de style inspirée des maps de Mulgore dans World of Warcraft !

wow-london

Un autre exemple concret de l’usage de Cartagen est celui d’afficher un fil d’actualité sur une carte, en temps réel.

cartagen-newsflow-live

cartagen-newsflow-live-nyt

Le site officiel donne toutes les informations nécessaires pour installer et utiliser le framework immédiatement. Le blog Unterbahn donne plus d’informations sur Jeffrey Warren, l’auteur de l’application Cartagen.

Plans de métro

Une bande de fous s’amuse à retravailler et repenser les plans de métro, les rendent plus graphiques et relatant des faits historiques, culturels et sociaux associés à la ville représentée. 3 plans : Seoul, Tokyo et Osaka.

seoul-c
Seoul et son fleuve qui symbolise la separation du yin et du yang, un des symboles du pays.

tokyo
Tokyo et l’immense variété de ses infrastructures et plus de 1500 stations.

osaka
Osaka et les villes aux alentours, symbolisant une pieuvre et ses tentacules. Plus d’informations sur le blog des auteurs de ces cartes, zero par zero.

Edit : J’ai corrigé le nom de ma légende (merci Nicolas)