Responsive design: Bootstrap & Leaflet

Aujourd’hui, je viens vous présenter ma dernière réalisation: une solution pertinente et opensource pour construire des applications  cartographiques responsive design en html5 . Cette application est construite essentiellement avec Bootstrap 3 et Leaflet. Ce modèle dispose des fonctionnalités très intuitives tels que le plein écran, une barre de navigation, une barre de recherche et une minimap.

Les données(Réseau star accessible sur l’ Open data de  Rennes Métropole) sont directement chargées en Geojson et alimentent la fonctionnalité élégante de recherche multicouches avec saisie semi-automatique utilisant typeahead.js

Intégration également de popups et de contrôles personnalisés pour activer la visibilité des couches de données  au niveau de la légende

L’application est évidemment responsive design et s’adapte automatiquement à tous les écrans (desktop, tablette et mobile).

Responsive design

Responsive design: tablette

Responsive design

Responsive design: mobile

Publicités

8 réflexions sur “Responsive design: Bootstrap & Leaflet

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s