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

Leaflet : Web mampping Responsive Design

Aujourd’hui je me suis lancé dans le développement d’une application web responsive design compatible à tous les terminales mobiles, tablettes et bureautiques.
L’ecran se redimentionne automatiquement et certains outils sont désactivés pour les mobiles afin d’avoir une meilleure dimension de la carte.
leaflet responsive design

leaflet responsive design

leaflet responsive design menu carte

leaflet responsive design menu carte

leaflet responsive design menu recherche

leaflet responsive design menu recherche

leaflet responsive design  popup fiche d'information

leaflet responsive design popup fiche d’information

Compétences: PHP, PostgeSQL/Postgis, JQuery, Leaflet,Javascript, Html