Trạng thái của nghệ thuật trong các ứng dụng không gian địa lý html5 là gì?

37

Tôi rất quan tâm đến canvasyếu tố html5 cho bản đồ; làm việc như Cartagen từ một nhà nghiên cứu của MIT Media Lab có vẻ rất hứa hẹn, chẳng hạn. Có một số công việc dựa trên SVG thú vị tại carto.net . WebSocketcó vẻ như là một API tuyệt vời cho dữ liệu không gian địa lý trực tiếp. Tôi đã thực hiện một vài thử nghiệm html5, ví dụ ở đây , với dữ liệu Flickr và Picasa. Mọi người đang làm gì với những công nghệ mới này, hoặc bạn đã thử những gì?

web-mapping geospatial-pdf

— bvmou
nguồn

Thêm vào danh sách các ví dụ: rlat.kew.org (thông qua fosslc.org/drupal/content/ mẹo )

— radek

Có một bài viết truy cập mở trong Web GIS của IJHG trong loạt bài thực hành về HTML5 & Cartagen

— radek

13

OpenLayers có thể sử dụng canvasphần tử HTML5 để kết xuất .

— dấu ấn
nguồn

Trông cực kỳ tiện dụng.

— bvmou

2

Ngoài ra, OpenLayers đã tích hợp hỗ trợ cho các công nghệ không phải Canvas đã có sẵn trong các trình duyệt - VML, SVG - và đã có trong nhiều năm. Nói chung, việc gắn bó với 'từ thông dụng' của HTML5 là bỏ qua "tôi đang giải quyết vấn đề gì?" bước tìm kiếm một giải pháp ...

— Christopher Schmidt

3

Ví dụ tôi đã đưa ra sẽ yêu cầu 70.000 nút dom trong svg - đó là trường hợp sử dụng tốt cho canvas. BTW chính xác các trình duyệt hỗ trợ svg cũng hỗ trợ canvas. Và nếu bạn thực sự nghĩ rằng html5 không có gì khác ngoài một từ thông dụng trống rỗng, có rất nhiều câu hỏi khác để bạn đóng góp.

— bvmou

7

HTML5 Rocks có một số ví dụ tương tác tốt với các yêu cầu SVG, Ánh xạ, API và Cơ sở dữ liệu.

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

Không phải là Bản đồ mà là SVG - nhưng sẽ tốt cho Bản đồ! http://slides.html5rocks.com/#slide27

— Mapperz
nguồn

5

Tôi khá thích ví dụ này thực hiện phân phối lại raster / cong vênh trong html5 canvas.

— dấu ấn
nguồn

1

có vẻ như liên kết bị hỏng

— underdark

Các liên kết làm việc cho tôi, ngày hôm nay. Mặc dù nó chậm, và kịch bản ở đầu bên kia dường như không làm gì cả. Vì vậy, -1 cho đến khi ai đó đưa lên hoặc định vị một phiên bản mới ở đâu đó.

— matt wilkie

4

Kiểm tra D3 . Không thực sự là một thư viện tập trung vào không gian địa lý nhưng có một số ví dụ với các bản đồ chuyên đề. Được xây dựng trên SVG. Cùng tác giả đã phát triển Polymaps.

— nosolosw
nguồn

4

Hãy xem blog của sung sướng , trong đó có một loạt các bài viết về tình trạng của nghệ thuật lập bản đồ web. Nó chứa các đánh giá tốt đẹp về những gì có thể và công nghệ có sẵn để thực sự nghĩ về bản đồ web.

Thông tin về Silverlight v flash v html5
Trình duyệt web dựa trên bản đồ 3d
Quả cầu trong HTML5
Các lựa chọn thay thế cho bản đồ hình ảnh lát gạch và sức mạnh của vectơ

— mike
nguồn

3

Ánh xạ web 3D bằng Web GL -

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

Các ví dụ và liên kết tốt đến bộ công cụ nguồn mở WebGL

— Steve
nguồn

3

Hãy thử Kartograph . Đó là một chương trình hai shot:

Lấy một số dữ liệu không gian địa lý như một shapefile và chạy nó thông qua Kartograph.py. Điều đó sẽ biến nó thành một tệp SVG.
Sử dụng Kartograph.js để làm cho nó đẹp hơn trong trình duyệt. Thêm các yếu tố theo chủ đề, hình ảnh động, phông chữ ưa thích, v.v ...

— Tony Boyles
nguồn

2

Bạn cũng có thể tìm thấy một số tài nguyên hữu ích trong hội nghị SVGOpen:

— nosolosw
nguồn

Kiểm tra cũ hơn tại đây: 2004 - SVG là môi trường chỉnh sửa và 2009 - điểm mạnh của SVG trong sơ đồ web

— nosolosw

2

Esri có một số mẫu HTML5 trên trang mẫu API Javascript (chọn từ dưới cùng của cây). Sử dụng lưu trữ l ocal cho dấu trang là ấn tượng (tại thời điểm viết này).

— Simon
nguồn

1

Cuối năm 2011: http://bl.ocks.org/1392560 (d3 kết xuất Geojson như một bản đồ thế giới tương tác, có thể kéo được).

— rau diếp
nguồn

1

http://osmbuildings.org hiển thị 2.5D với HTML5 và Leaflet trông ấn tượng bởi kết quả và tốc độ

— Người vẽ bản đồ
nguồn

0

Tôi khá ấn tượng với công việc của MapBox và Leaflet giới thiệu một số ứng dụng bản đồ web thực sự đẹp dựa trên Công nghệ HTML5 và JavaScript. Leaflet là một Thư viện JavaScript mã nguồn mở cho Bản đồ tương tác thân thiện với thiết bị di động.

— Chris P
nguồn