Wie ist der Stand der Technik bei HTML5-Geodatenanwendungen?

37

Ich interessiere mich sehr für das HTML5- canvasElement für Karten. Eine Arbeit wie Cartagen von einem MIT Media Lab-Forscher sieht zum Beispiel sehr vielversprechend aus. Es gibt einige interessante SVG-basierte Arbeiten bei carto.net . WebSocketscheint eine fantastische API für Live-Geodaten zu sein. Ich habe einige HTML5-Experimente durchgeführt, zum Beispiel hier , mit Flickr- und Picasa-Daten. Was machen die Leute mit diesen neuen Technologien oder was haben Sie versucht?

web-mapping geospatial-pdf

— bvmou
quelle

Hinzufügen zur Liste der Beispiele: rlat.kew.org (via fosslc.org/drupal/content/… )

— radek

Es gibt einen Open-Access- Artikel in der Web-GIS- Reihe der

— IJHG

13

OpenLayers können das HTML5- canvasElement zum Rendern verwenden .

— fmark
quelle

Das sieht sehr praktisch aus.

— bvmou

2

Darüber hinaus unterstützt OpenLayers bereits seit Jahren die in Browsern (VML, SVG) verfügbaren Non- Canvas-Technologien. Im Allgemeinen überspringt das Festhalten am HTML5-Schlagwort "Welches Problem löse ich?" Schritt der Suche nach einer Lösung ...

— Christopher Schmidt

3

Das Beispiel, das ich gegeben habe, würde 70.000 Dom-Knoten in Svg erfordern - es ist ein guter Anwendungsfall für Canvas. Übrigens, genau die gleichen Browser, die SVG unterstützen, unterstützen auch Canvas. Und wenn Sie tatsächlich glauben, HTML5 sei nichts anderes als ein leeres Schlagwort, dann gibt es viele andere Fragen, zu denen Sie beitragen können.

— bvmou

7

HTML5 Rocks bietet einige gute interaktive Beispiele für SVG-, Mapping-, API- und Datenbankanforderungen.

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

Keine Karte aber SVG - wäre aber gut fürs Mapping! http://slides.html5rocks.com/#slide27

— Mapperz
quelle

5

Ich mag dieses Beispiel, das Live-Raster-Reprojektion / Warping in einem HTML5 ausführt canvas.

— fmark
quelle

1

Scheint, als ob die Verbindung unterbrochen ist

— Underdunkel

Der Link funktioniert heute für mich. Es ist jedoch langsam und das Skript am anderen Ende scheint nichts zu tun. Also -1 bis jemand irgendwo eine neue Version aufstellt oder findet.

— Matt Wilkie

4

Überprüfen Sie auch D3 . Eigentlich keine raumbezogene Bibliothek, aber es gibt einige Beispiele für thematische Karten. Errichtet auf SVG. Der gleiche Autor hat Polymaps entwickelt.

— nosolosw
quelle

4

Werfen Sie einen Blick auf den Georelated- Blog, der eine Reihe von Artikeln zum Stand der Technik im Bereich Web-Mapping enthält. Es enthält eine schöne Übersicht über das, was möglich ist, und die Technologie, die für zukunftsorientiertes Web-Mapping zur Verfügung steht.

Informationen zu Silverlight v flash v html5
Browserbasiertes 3D-Webmapping
Globen in HTML5
Alternativen zu gekachelten Imagemaps und der Kraft von Vektoren

— mike
quelle

3

3D Web Mapping mit Web GL -

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

Gute Beispiele und Links zu WebGL Open Source Toolkits

— Steve
quelle

3

Probiere Kartograph aus . Es ist ein Zwei-Schuss-Programm:

Nehmen Sie einige Geodaten wie ein Shapefile und führen Sie sie über Kartograph.py aus. Das wird es in eine SVG-Datei verwandeln.
Verwenden Sie Kartograph.js, um es in einem Browser hübsch zu machen. Füge thematische Elemente, Animationen, ausgefallene Schriften usw. hinzu.

— Tony Boyles
quelle

2

In der SVGOpen-Konferenz finden Sie möglicherweise auch einige nützliche Ressourcen:

— nosolosw
quelle

Überprüfen Sie älter hier: 2004 - SVG als Bearbeitungsumgebung und 2009 - die Stärken von SVG im Webmapping

— nosolosw

2

Esri hat einige HTML5-Beispiele auf der Seite mit den Javascript-API-Beispielen (unten in der Baumstruktur auswählen). Die Nutzung des lokalen Speichers für Lesezeichen ist beeindruckend (zum Zeitpunkt des Schreibens dieses Dokuments ).

— Simon
quelle

1

Ende 2011: http://bl.ocks.org/1392560 (d3-Rendering von Geojson als interaktive, ziehbare Weltkarte svg).

— ecmanaut
quelle

1

http://osmbuildings.org zeigt 2.5D mit HTML5 und Leaflet an, was durch Ergebnisse und Geschwindigkeit beeindruckend aussieht

— Mapper
quelle

0

Ich bin ziemlich beeindruckt von der Arbeit von MapBox und Leaflet , die einige wirklich schöne Web-Mapping-Anwendungen auf Basis von HTML5 und JavaScript-Technologie präsentieren. Leaflet ist eine Open-Source-JavaScript-Bibliothek für mobile freundliche interaktive Karten.

— Chris P
quelle