Html5 coğrafi uygulamalarında sanatın durumu nedir?

37

canvasHaritalar için html5 elemanı ile çok ilgileniyorum ; MIT Media Lab araştırmacılarından Cartagen gibi çalışmak çok umut verici görünüyor. Carto.net'te bazı ilginç SVG tabanlı çalışmalar var . WebSocketCanlı coğrafi veriler için harika bir API gibi görünüyor. Ben örneğin, bir kaç html5 deneyler yapmış burada Flickr ve Picasa verileriyle. İnsanlar bu yeni teknolojilerle ne yapıyor ya da ne denedin?

web-mapping geospatial-pdf

— bvmou
kaynak

Örneklerin listesine eklenmesi: rlat.kew.org ( fosslc.org/drupal/content/… üzerinden )

— radek

Açık bir erişimi yoktur makale IJHG en içinde pratik Web GIS HTML5 & CARTAGEN kapsayan seri

— radek

13

OpenLayers , HTML5 canvasöğesini oluşturma için kullanabilir .

— fmark
kaynak

Bu son derece kullanışlı görünüyor.

— bvmou

2

Ek olarak, OpenLayers, tarayıcılarda zaten mevcut olan Canvas dışı teknolojiler için destek sağlamıştır - VML, SVG - ve yıllardır. Genel olarak, HTML5'e "buzzword" yapışması "ne tür bir problem çözüyorum?" Atlıyor. bir çözüm arayışı ...

— Christopher Schmidt

3

Verdiğim örnek svg'de 70.000 dom düğümü gerektiriyor - tuval için iyi bir örnek. BTW, svg'yi destekleyen tarayıcıların aynısını tuvali de destekliyor. Ve eğer aslında html5'in boş bir kelimeden başka bir şey olmadığını düşünüyorsanız, katkıda bulunabileceğiniz çok fazla soru var.

— bvmou

7

HTML5 Rocks, SVG, Mapping, API ve Veritabanı istekleriyle ilgili bazı iyi etkileşimli örneklere sahiptir.

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

Bir Harita değil, SVG - Haritalama için iyi olurdu! http://slides.html5rocks.com/#slide27

— Mapperz
kaynak

5

Ben bir html5 canlı raster reprojection / çözgü yapan bu örneği oldukça seviyorum canvas.

— fmark
kaynak

1

bağlantısı kesik gibi görünüyor

— Underdark

Bağlantı bugün, benim için çalışıyor. Yine de yavaştır ve komut dosyası diğer ucun hiçbir şey yapmıyor gibi görünüyor. Yani -1 birileri bulana veya bir yere yeni bir sürüm bulana kadar.

— matt wilkie

4

Ayrıca D3'ü kontrol edin . Mekansal odaklı bir kütüphane değil, tematik haritalarla ilgili bazı örnekler var. SVG üzerine inşa edilmiştir. Aynı yazar Polymaps geliştirdi.

— nosolosw
kaynak

4

Web haritalama sanatı üzerine bir dizi makaleye sahip olan Georelated bloguna bir göz atın . Neyin mümkün olduğunu ve gerçekten ileri görüşlü web haritalama için mevcut olan teknolojinin güzel incelemelerini içerir.

Silverlight v flash v html5 hakkında bilgi
Tarayıcı tabanlı 3d web haritalama
HTML5'te Küreler
Döşenmiş görüntü haritalarına alternatifler ve vektörlerin gücü

— mike
kaynak

3

Web GL kullanarak 3B web eşlemesi -

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

İyi Örnekler ve WebGL açık kaynak araçlarına bağlantılar

— Steve
kaynak

3

Kartograph'ı dene . Bu iki atış programı:

Shapefile gibi bazı Geospatial verileri alın ve Kartograph.py aracılığıyla çalıştırın. Bu onu bir SVG dosyasına çevirir.
Bir tarayıcıda güzel yapmak için Kartograph.js kullanın. Tematik öğeler, animasyonlar, süslü yazı tipleri vb. Ekleyin.

— Tony Boyles
kaynak

2

SVGOpen konferansında bazı faydalı kaynaklar da bulabilirsiniz:

— nosolosw
kaynak

Burada daha eski olanları kontrol edin: 2004 - Düzenleme ortamı olarak SVG ve 2009 - web haritasındaki SVG'nin gücü

— nosolosw

2

Esri , Javascript API örnekleri sayfasında bazı HTML5 örneklerine sahiptir (ağacın altından seçin). L yararlanarak imleri için Öçal depolama (bu yazı anda) etkileyici.

— Simon
kaynak

1

2011 yılının sonlarında: http://bl.ocks.org/1392560 (d3, geojson'u etkileşimli, sürüklenebilir bir dünya haritası svg olarak verir).

— ecmanaut
kaynak

1

http://osmbuildings.org , sonuçları ve hızı etkileyici görünen HTML5 ve Leaflet ile birlikte 2,5D görüntüler.

— mapper
kaynak

0

Ben güzel çalışmalarından etkilendim MapBox ve el broşürü Showcase o HTML5 ve JavaScript Teknoloji dayalı bazı gerçekten güzel bir web haritalama uygulamaları. Broşür, Mobil Dostu Etkileşimli Haritalar için Açık Kaynaklı bir JavaScript Kitaplığıdır.

— Chris P
kaynak