Jaki jest stan techniki w aplikacjach geoprzestrzennych HTML5?

37

Bardzo interesuje mnie canvaselement html5 dla map; praca jak Cartagen z badacza MIT Media Lab wygląda na przykład bardzo obiecująco. Na carto.net jest kilka interesujących prac opartych na SVG . WebSocketwydaje się fantastycznym interfejsem API dla aktualnych danych geoprzestrzennych. Przeprowadziłem kilka eksperymentów HTML5, na przykład tutaj , z danymi Flickr i Picasa. Co ludzie robią z tymi nowymi technologiami lub co próbowaliście?

web-mapping geospatial-pdf

— bvmou
źródło

Dodanie do listy przykładów: rlat.kew.org (via fosslc.org/drupal/content/… )

— radek

Artykuł z otwartym dostępem w internetowej serii GIS IJHG w praktyce, obejmujący HTML5 i kartagen

— radek,

13

OpenLayers może używać canvaselementu HTML5 do renderowania .

— fmark
źródło

To wygląda na bardzo przydatne.

— bvmou,

2

Ponadto OpenLayers ma wbudowaną obsługę technologii innych niż Canvas, które są już dostępne w przeglądarkach - VML, SVG - i ma je od lat. Ogólnie rzecz biorąc, trzymanie się modnego hasła HTML5 pomija „jaki problem rozwiązuję?” krok szukania rozwiązania ...

— Christopher Schmidt,

3

Podany przeze mnie przykład wymagałby 70 000 węzłów domeny w pliku svg - to dobry przypadek użycia dla canvas. BTW dokładnie te same przeglądarki, które obsługują svg, obsługują również canvas. A jeśli uważasz, że html5 jest niczym innym jak pustym hasłem, możesz wnieść wiele innych pytań.

— bvmou,

7

HTML5 Rocks ma kilka dobrych interaktywnych przykładów z SVG, mapowaniem, API i żądaniami baz danych.

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

Nie mapa, ale SVG - ale przydałaby się do mapowania! http://slides.html5rocks.com/#slide27

— Mapperz
źródło

5

Bardzo podoba mi się ten przykład, który wykonuje przerzutowanie / wypaczanie rastra na żywo w HTML5 canvas.

— fmark
źródło

1

wygląda na to, że link jest zepsuty

— podmrok

Link działa na mnie dzisiaj. Jest jednak powolny, a skrypt na drugim końcu wydaje się nic nie robić. Więc -1, dopóki ktoś nie rozłoży lub gdzieś znajdzie nową wersję.

— matt wilkie

4

Sprawdź także D3 . Nie jest to właściwie biblioteka zorientowana geoprzestrzennie, ale istnieje pewien przykład z mapami tematycznymi. Zbudowany na SVG. Ten sam autor opracował Polymaps.

— nosolosw
źródło

4

Zajrzyj na blog Georelated , który zawiera serię artykułów na temat najnowszego stanu mapowania w sieci. Zawiera ładne recenzje tego, co jest możliwe, oraz dostępną technologię umożliwiającą prawdziwie przyszłościowe mapowanie stron internetowych.

Informacje o Silverlight v flash v html5
3D mapowanie sieciowe oparte na przeglądarce
Globusy w HTML5
Alternatywy dla map obrazów kafelkowych i moc wektorów

— Mike
źródło

3

3D Web Mapping przy użyciu Web GL -

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

Dobre przykłady i linki do zestawów narzędzi open source WebGL

— Steve
źródło

3

Wypróbuj Kartograf . Jest to program dwóch ujęć:

Weź trochę danych geoprzestrzennych, takich jak plik kształtu, i uruchom go za pośrednictwem Kartograph.py. To zmieni go w plik SVG.
Użyj Kartograph.js, aby wyglądać ładnie w przeglądarce. Dodaj elementy tematyczne, animacje, fantazyjne czcionki itp.

— Tony Boyles
źródło

2

Niektóre przydatne zasoby można znaleźć na konferencji SVGOpen:

— nosolosw
źródło

Sprawdź starsze tutaj: 2004 - SVG jako środowisko edycyjne i 2009 - mocne strony SVG w tworzeniu map internetowych

— nosolosw

2

Esri ma kilka próbek HTML5 na stronie przykładów API JavaScript (wybierz z dolnej części drzewa). Wykorzystanie miejscowego miejsca do przechowywania zakładek jest imponujące (w chwili pisania tego tekstu).

— Simon
źródło

1

Pod koniec 2011 r .: http://bl.ocks.org/1392560 (d3 renderuje geojson jako interaktywną, przeciągalną mapę świata svg).

— ecmanaut
źródło

1

http://osmbuildings.org wyświetla 2.5D z HTML5 i Ulotką, które wyglądają imponująco pod względem wyników i szybkości

— Mapper
źródło

0

Jestem pod wielkim wrażeniem pracy MapBox i Leaflet, które prezentują naprawdę fajne aplikacje do tworzenia map internetowych oparte na technologii HTML5 i JavaScript. Ulotka jest biblioteką JavaScript typu open-source do interaktywnych map przyjaznych dla urządzeń mobilnych.

— Chris P.
źródło