View
342
Download
2
Category
Preview:
DESCRIPTION
Nous vous avions invité à partager un petit déjeuner pour découvrir les nouvelles tendances en webmapping et les possibilités offertes par les données géographiques libres dont OpenStreetMap. Utilisées habituellement pour calculer des itinéraires ou comme fonds de plan pour afficher des informations, les cartes en ligne sont en pleine révolution grâce à l'arrivée de données géographiques libres. Elles permettent à tout un chacun d'imaginer des applications cartographiques innovantes et inattendues, de personnaliser le style de sa carte et de se passer des solutions techniques lourdes et complexes.
Citation preview
Nouvelles tendances enwebmapping et données libres
Toulouse, 12/12/2013Frédéric Bonifas@fbonifaswww.makina-corpus.com
Makina Corpus
● Société de Services en Logiciels Libres (SSLL), indépendante, créée en 2001
● Domaines d'activité : ingénierie logicielle, applications métiers innovantes, Web Carto Mobile
Un exemple à ne pas suivrehttp://tempsreel.nouvelobs.com/politique/20130821.OBS3816/l-ete-mediatique-de-manuel-valls.html
Évolution du web
● Allègement des interfaces● Plus d'interactivité● Déporter les traitements vers l'utilisateur● Arrivée du mobile
Design graphique
Allègement des interfaces
● Moins de contenu écrit● Design graphique épuré● La carte véhicule plus d'informations● Toutes les informations connues ne doivent pas forcément
être représentées !
Visualiser des données géographiques : Leaflet● Largement utilisé (OSM, Foursquare, Flickr...) ● Léger (~120 ko)● API ultra-simple● JS | CSS3 | HTML5● Mobile● Puissant !
Nombreux plugins Leaflet
Mobile
Supports mobiles
● Nouvelle façon d'interagir (Tactile)● Ergonomie (Natif)● Petits écrans (Allègement)● Tout l'écran est occupé par la carte● Possibilités offertes par la géolocalisation
Données disponibles
Aller au-delà de Google Maps
● Utilisations interdites (mode déconnecté, mise en cache, géocodage en masse...)
● Pas d'accès aux données (propriétaires)● Fond de plan trop vu (et pas forcément adapté)● Usage payant (fort trafic)
Explosion des données disponibles
● Open data des collectivités● Ouverture de certaines données par l'IGN● Données libres gouvernementales (MNT SRTM ou ASTER) ● APIs des réseaux sociaux (Twitter)● OpenStreetMap
OpenStreetMap ?
● Création en 2004 (absence de données geographiques libres)● Base de données mondiale● Données sous licence libre (ODbL)● Édition collaborative (Wikipedia)
→ http://www.openstreetmap.org
Fonds de plan
Avoir son propre style - MapServer
MAP
NAME "mapfile_1"
EXTENT -180 -90 180 90
LAYER
NAME "mp_roads"
TYPE POLYGON
DATA "midi_pyrennees/mp_roads.shp"
CLASS
STYLE
COLOR 20 10 110
WIDTH 2
END
END
END
END
???
Avoir son propre style - GeoServer
<?xml version="1.0" encoding="UTF-8"?>
<StyledLayerDescriptor version="1.0.0"
xsi:schemaLocation="http://www.opengis.net/sld StyledLayerDescriptor.xsd"
xmlns="http://www.opengis.net/sld"
xmlns:ogc="http://www.opengis.net/ogc"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<NamedLayer>
<Name>Simple Roads</Name>
<UserStyle>
<Title>Default Styler for simple road segments</Title>
<Abstract>Light red line, 2px wide</Abstract>
<FeatureTypeStyle>
<Rule>
<Title>Roads</Title>
<LineSymbolizer>
<Stroke>
<CssParameter name="stroke">
<ogc:Literal>#AA3333</ogc:Literal>
</CssParameter>
<CssParameter name="stroke-width">
<ogc:Literal>2</ogc:Literal>
</CssParameter>
</Stroke>
</LineSymbolizer>
</Rule>
</FeatureTypeStyle>
</UserStyle>
</NamedLayer>
</StyledLayerDescriptor>
???
Avoir son propre style - TileMill
#roads {
line-width:1;
line-color:#AA3333;
}Mieux !
TileMill – charte graphiquehttp://loir-et-cher-2020.makina-corpus.net
mapbox.com
stamen.com
Interactions
Traitements côté client
● Augmentation de la puissance des machines● Serveur cartographique de moins en moins indispensable● Maturité du JavaScript● Interaction avec les données directement dans le navigateur
(UTFGrid, GeoJSON tuilé...)
Calcul d'itinéraires côté client
En pratique : tuiles vectorielles
● Stockage aisé (pas de création d'images sur le serveur)● Rendu sur le terminal (puissance de calcul suffisante)
➔ http://gijs.github.io/vectorstyling-demo/➔ OpenStreetMap :
http://openstreetmap.us/~migurski/vector-datasource/➔ Google Maps : https://www.google.fr/maps/
3D
En pratique : 3D
● OSMBuildings : http://osmbuildings.org● Jeux vidéo : http://map.f4-group.com● Montagne :
http://thematicmapping.org/playground/webgl/terrain/texture/jotunheimen.html
● HERE : http://here.com/41.3907764,2.1650211,19.23,0,54,3d.day
3D – à utiliser avec modération
Présentation à retrouver :http://makina-corpus.com/blog/societe/presentation-du-petit-dejeuner-sur-les-nouveautes-de-la-cartographie-en-ligne
frederic.bonifas@makina-corpus.comwww.makina-corpus.com
Merci !
Recommended