html5 지형 공간 응용 분야의 최신 기술은 무엇입니까?

37

canvas지도 의 html5 요소에 매우 관심이 있습니다. 예를 들어 MIT 미디어 랩 연구원의 Cartagen 과 같은 작업 은 매우 유망합니다. carto.net 에는 흥미로운 SVG 기반 작업이 있습니다 . WebSocket라이브 지리 공간 데이터를위한 환상적인 API 인 것 같습니다. Flickr 및 Picasa 데이터 로 몇 가지 html5 실험을 수행했습니다 (예 : here ). 사람들이이 새로운 기술을 익히고 있거나 무엇을 시도 했습니까?

web-mapping geospatial-pdf

— bvmou
소스

예제 목록에 추가 : rlat.kew.org (via fosslc.org/drupal/content/… )

— radek

오픈 액세스가 기사 IJHG의에서 연습에서 웹 GIS HTML5 & Cartagen을 다루는 시리즈

— 라덱

13

OpenLayer 는 렌더링에 HTML5 canvas요소를 사용할 수 있습니다 .

— fmark
소스

매우 편리해 보입니다.

— bvmou

2

또한 OpenLayers는 이미 브라우저 (VML, SVG)에서 사용할 수있는 비 Canvas 기술에 대한 지원을 내장 하고 있으며 수년간 보유하고 있습니다. 일반적으로 HTML5 '버즈 워드'를 고수하는 것은 "어떤 문제를 해결하고 있습니까?"를 건너 뜁니다. ... 솔루션을 찾고 단계

— 크리스토퍼 슈미트에게

3

내가 준 예제에는 svg에 70,000 개의 dom 노드가 필요합니다. 캔버스의 좋은 사용 사례입니다. svg를 지원하는 것과 동일한 브라우저에서도 캔버스를 지원합니다. 그리고 실제로 html5가 빈 유행어에 지나지 않는다고 생각한다면, 기여할 다른 질문이 많이 있습니다.

— bvmou

7

HTML5 Rocks에는 SVG, Mapping, API 및 Database 요청과 함께 훌륭한 대화식 예제가 있습니다.

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

맵이 아닌 SVG-매핑에 좋습니다! http://slides.html5rocks.com/#slide27

— 매 퍼즈
소스

5

나는 html5에서 래스터 재 투영 / 워핑 을하는 이 예제를 좋아합니다 canvas.

— fmark
소스

1

링크가 끊어진 것 같습니다

— 어둡습니다

링크는 오늘, 나를 위해 작동합니다. 그러나 속도가 느리고 다른 쪽 스크립트는 아무것도하지 않는 것 같습니다. 따라서 누군가가 새 버전을 찾거나 찾을 때까지 -1입니다.

— matt wilkie

4

D3 도 확인하십시오 . 지리 공간 중심의 라이브러리는 아니지만 주제별지도에는 몇 가지 예가 있습니다. SVG를 기반으로합니다. 같은 저자가 Polymaps를 개발했습니다.

— 노 솔로
소스

4

웹 매핑 기술에 대한 일련의 기사가있는 Georelated 블로그를 살펴보십시오 . 여기에는 가능한 것에 대한 훌륭한 리뷰와 진정한 미래 지향적 웹 매핑에 사용할 수있는 기술이 포함되어 있습니다.

Silverlight v Flash v html5에 대한 정보
브라우저 기반 3D 웹 매핑
HTML5의 글로브
바둑판 식 이미지 맵 및 벡터의 힘에 대한 대안

— 마이크
소스

3

Web GL을 사용한 3D 웹 매핑-

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

WebGL 오픈 소스 툴킷에 대한 좋은 예제 및 링크

— 스티브
소스

3

Kartograph를 사용해보십시오 . 두 가지 샷 프로그램입니다.

shapefile과 같은 지리 공간 데이터를 가져와 Kartograph.py를 통해 실행하십시오. SVG 파일로 변환됩니다.
Kartograph.js를 사용하여 브라우저에서 예쁘게 만듭니다. 주제별 요소, 애니메이션, 멋진 글꼴 등 추가

— 토니 보일 즈
소스

2

SVGOpen 컨퍼런스에서 유용한 리소스를 찾을 수도 있습니다.

— 노 솔로
소스

여기에 나이가 확인 : 2004 - 환경 편집과 같은 SVG 와 SVG의 장점을 webmapping에 - 2009

— nosolosw

2

Esri는 Javascript API 샘플 페이지에 일부 HTML5 샘플이 있습니다 (트리의 맨 아래에서 선택). 북마크 에 l ocal 스토리지를 사용하는 것은 인상적입니다 (이 글을 쓰는 시점).

— Simon
소스

1

2011 년 후반 : http://bl.ocks.org/1392560(geojson을 대화식의 드래그 가능한 세계지도 svg로 렌더링하는 d3).

— ecmanaut
소스

1

http://osmbuildings.org 는 HTML5 및 Leaflet으로 2.5D를 표시하여 결과와 속도가 인상적입니다.

— 매퍼
소스

0

HTML5 및 JavaScript 기술을 기반으로 한 멋진 웹 매핑 응용 프로그램 을 보여주는 MapBox 및 Leaflet 의 작업에 깊은 인상을 받았습니다 . Leaflet은 모바일 친화적 인 대화식지도를위한 오픈 소스 JavaScript 라이브러리입니다.

— 크리스 피
소스