Quel est l'état de l'art dans les applications géospatiales html5?

37

Je suis très intéressé par l' canvasélément html5 pour les cartes; Travailler comme Cartagen d’un chercheur du MIT Media Lab semble très prometteur, par exemple. Il existe des travaux intéressants basés sur SVG sur carto.net . WebSocketsemble être une API fantastique pour les données géospatiales en direct. J'ai fait quelques expériences html5, par exemple ici , avec des données Flickr et Picasa. Que font les gens avec ces nouvelles technologies ou qu'avez-vous essayé?

web-mapping geospatial-pdf

— bvmou
source

Ajoutant à la liste des exemples: rlat.kew.org (via fosslc.org/drupal/content/... )

— radek

Il y a un article en accès libre dans la série de SIG Web SIG de l' IJHG couvrant HTML5 et Cartagène

— Radek

13

OpenLayers peut utiliser l' canvasélément HTML5 pour le rendu .

— fmark
source

Cela semble extrêmement pratique.

— bvmou

2

En outre, OpenLayers prend en charge depuis des années les technologies autres que Canvas déjà disponibles dans les navigateurs - VML, SVG -. En général, s'en tenir au «mot à la mode» de HTML5 évite «quel problème suis-je en train de résoudre? étape de la recherche d'une solution ...

— Christopher Schmidt

3

L'exemple que j'ai donné nécessiterait 70 000 nœuds de dom en svg - c'est un bon cas d'utilisation pour canvas. BTW, les mêmes navigateurs prenant en charge svg prennent également en charge canvas. Et si vous pensez réellement que html5 n’est rien de plus qu’un mot à la mode vide, vous aurez de nombreuses autres questions à poser.

— bvmou

7

HTML5 Rocks a de bons exemples interactifs avec des requêtes SVG, cartographie, API et base de données.

http://slides.html5rocks.com/#slide10 http://slides.html5rocks.com/#slide14

Pas une carte mais SVG - mais ce serait bien pour la cartographie! http://slides.html5rocks.com/#slide27

— Mapperz
source

5

J'aime bien cet exemple qui fait vivre la reprojection / warp raster dans un fichier HTML5 canvas.

— fmark
source

1

semble que le lien est brisé

— underdark

Le lien fonctionne pour moi, aujourd'hui. Il est lent cependant, et le script à l'autre bout ne semble rien faire. Donc, -1 jusqu'à ce que quelqu'un monte ou localise une nouvelle version quelque part.

— matt wilkie

4

Vérifiez également D3 . Ce n'est pas vraiment une bibliothèque géospatiale mais il y a quelques exemples avec des cartes thématiques. Construit sur SVG. Le même auteur a développé Polymaps.

— nosolosw
source

4

Jetez un coup d'œil au blog Georelated , qui propose une série d'articles sur l'état de l'art de la cartographie Web. Il contient de bonnes critiques de ce qui est possible et de la technologie disponible pour une cartographie Web véritablement avant-gardiste.

Infos sur Silverlight v flash v html5
Cartographie Web 3D basée sur un navigateur
Globes en HTML5
Alternatives aux cartes illustrées en mosaïque et au pouvoir des vecteurs

— micro
source

3

Cartographie Web 3D à l'aide de Web GL -

http://www.georelated.com/2011/10/rise-of-globe-in-web-mapping.html

Bons exemples et liens vers les boîtes à outils open source WebGL

— Steve
source

3

Essayez le kartographe . C'est un programme à deux coups:

Prenez des données géospatiales comme un fichier de formes et exécutez-les dans Kartograph.py. Cela le transformera en un fichier SVG.
Utilisez Kartograph.js pour le rendre joli dans un navigateur. Ajoutez des éléments thématiques, des animations, des polices de fantaisie, etc.

— Tony Boyles
source

2

Vous pouvez également trouver des ressources utiles dans la conférence SVGOpen:

— nosolosw
source

Vérifiez les anciens ici: 2004 - SVG comme environnement d’édition et 2009 - Les points forts de SVG dans la cartographie Web

— nosolosw

2

Esri a quelques exemples HTML5 sur la page d’échantillons de l’API Javascript (sélectionnez au bas de l’arborescence). L'utilisation de la mémoire locale pour les signets est impressionnante (au moment de la rédaction de cet article).

— Simon
source

1

Fin 2011: http://bl.ocks.org/1392560 (d3 faisant de geojson un svg interactif et déplaçable).

— ecmanaut
source

1

http://osmbuildings.org affiche 2.5D avec HTML5 et Leaflet, ce qui est impressionnant par ses résultats et sa rapidité.

— Cartographe
source

0

Je suis assez impressionné par le travail de MapBox et Leaflet, qui présente de très jolies applications de cartographie Web basées sur HTML5 et la technologie JavaScript. Leaflet est une bibliothèque JavaScript open-source pour des cartes interactives adaptées aux mobiles.

— Chris P
source