อะไรคือสิ่งที่ทันสมัยในแอปพลิเคชันเชิงพื้นที่ของ html5

37

ฉันสนใจcanvasองค์ประกอบHTML5 มากสำหรับแผนที่ ตัวอย่างเช่นการทำงานของCartagenจากนักวิจัย MIT Media Lab นั้นดูมีแนวโน้มมาก มีบาง SVG ทำงานตามที่ที่น่าสนใจคือcarto.net WebSocketดูเหมือน API ที่ยอดเยี่ยมสำหรับข้อมูลเชิงพื้นที่แบบสด ฉันได้ทำการทดสอบ html5 สองสามตัวอย่างเช่นที่นี่ด้วยข้อมูล Flickr และ Picasa ผู้คนกำลังทำความรู้จักกับเทคโนโลยีใหม่เหล่านี้หรือคุณลองทำอะไรบ้าง

web-mapping geospatial-pdf

— bvmou
แหล่งที่มา

การเพิ่มลงในรายการตัวอย่าง: rlat.kew.org (ผ่านfosslc.org/drupal/content/ … )

— radek

มีบทความการเข้าถึงแบบเปิดในWeb GISของ IJHG ในชุดฝึกปฏิบัติที่ครอบคลุม HTML5 & Cartagen

— radek

13

OpenLayersสามารถใช้ HTML5 canvasองค์ประกอบสำหรับการแสดงผล

— fmark
แหล่งที่มา

นั่นดูมีประโยชน์มาก

— bvmou

2

นอกจากนี้ OpenLayers ได้สร้างการสนับสนุนสำหรับเทคโนโลยีที่ไม่ใช่ Canvas ที่มีอยู่แล้วในเบราว์เซอร์ - VML, SVG - และมีมานานหลายปี โดยทั่วไปการติดกับ 'buzzword' ของ HTML5 กำลังข้าม "ฉันกำลังแก้ไขปัญหาอะไรอยู่" ขั้นตอนของการมองหาวิธีการแก้ปัญหา ...

— คริสโตชมิดท์

3

ตัวอย่างที่ฉันให้ต้องใช้ 70,000 dom nodes ใน svg - มันเป็นกรณีที่ใช้สำหรับ canvas ได้ดี BTW เบราว์เซอร์เดียวกันที่รองรับ svg รองรับ canvas และถ้าคุณคิดว่า html5 นั้นไม่มีอะไรมากไปกว่า buzzword ที่ว่างเปล่ามีคำถามอื่นอีกมากมายให้คุณได้ร่วมทำ

— bvmou

7

HTML5 Rocks มีตัวอย่างแบบโต้ตอบที่ดีกับคำขอ SVG, การทำแผนที่, API และฐานข้อมูล

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

ไม่ใช่แผนที่ แต่เป็น SVG - แต่จะดีสำหรับการทำแผนที่! http://slides.html5rocks.com/#slide27

— Mapperz
แหล่งที่มา

5

ผมค่อนข้างชอบตัวอย่างนี้ที่ไม่เส้นโครงอีกครั้งแรสเตอร์สด / แปรปรวนใน canvasHTML5

— fmark
แหล่งที่มา

1

ดูเหมือนว่าลิงก์จะใช้งานไม่ได้

— underdark

การเชื่อมโยงการทำงานสำหรับฉันในวันนี้ มันช้าแม้ว่าและสคริปต์ที่ปลายอีกด้านดูเหมือนจะไม่ทำอะไรเลย ดังนั้น -1 จนกระทั่งมีคนวางหรือหารุ่นใหม่ที่ไหนสักแห่ง

— matt wilkie

4

ตรวจสอบD3ด้วย ไม่ใช่ห้องสมุดที่เน้นเชิงพื้นที่ แต่มีบางตัวอย่างจากแผนที่เฉพาะเรื่อง สร้างขึ้นบน SVG ผู้เขียนคนเดียวกันได้พัฒนา Polymaps

— nosolosw
แหล่งที่มา

4

ลองดูที่บล็อกของGeorelatedซึ่งมีบทความเกี่ยวกับการทำแผนที่เว็บที่ทันสมัย มันมีความคิดเห็นที่ดีเกี่ยวกับสิ่งที่เป็นไปได้และเทคโนโลยีที่พร้อมใช้งานสำหรับการทำแผนที่เว็บอย่างแท้จริง

ข้อมูลเกี่ยวกับ Silverlight v flash v html5
เบราว์เซอร์ที่ใช้การทำแผนที่เว็บ 3d
ลูกโลกใน HTML5
ทางเลือกในการแมปภาพแบบเรียงต่อกันและพลังของเวกเตอร์

— ไมค์
แหล่งที่มา

3

การทำแผนที่เว็บ 3D ด้วย Web GL -

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

ตัวอย่างที่ดีและลิงก์ไปยังชุดเครื่องมือโอเพนซอร์สของ WebGL

— สตีฟ
แหล่งที่มา

3

ลองKartograph มันเป็นโปรแกรมสองช็อต:

ใช้ข้อมูลภูมิสารสนเทศเช่นรูปร่างไฟล์และเรียกใช้ผ่าน Kartograph.py ที่จะแปลงเป็นไฟล์ SVG
ใช้ Kartograph.js เพื่อทำให้มันสวยในเบราว์เซอร์ เพิ่มองค์ประกอบใจความภาพเคลื่อนไหวแบบอักษรแฟนซี ฯลฯ ...

— Tony Boyles
แหล่งที่มา

2

คุณอาจพบทรัพยากรที่มีประโยชน์ในการประชุม SVGOpen:

— nosolosw
แหล่งที่มา

ตรวจสอบเก่ากว่าที่นี่: 2004 - SVG เป็นสภาพแวดล้อมการแก้ไขและ 2009 - จุดแข็งของ SVG ในการทำแผนที่เว็บ

— nosolosw

2

Esri มีตัวอย่าง HTML5บางส่วนในหน้าตัวอย่าง API ของ Javascript (เลือกจากด้านล่างของทรี) การใช้ที่เก็บข้อมูล local สำหรับบุ๊กมาร์กนั้นน่าประทับใจ (ในขณะที่เขียนนี้)

— Simon
แหล่งที่มา

1

ช่วงปลายปี 2011: http://bl.ocks.org/1392560 (การแสดงผล d3 geojson เป็นแผนที่โลกแบบโต้ตอบและลากได้ svg)

— ecmanaut
แหล่งที่มา

1

http://osmbuildings.orgแสดง 2.5D ด้วย HTML5 และ Leaflet ซึ่งดูน่าประทับใจด้วยผลลัพธ์และความเร็ว

— mapper
แหล่งที่มา

0

ฉันค่อนข้างประทับใจกับการทำงานของMapBoxและLeafletที่แสดงแอปพลิเคชั่นการทำแผนที่เว็บที่ดีจริงๆโดยใช้เทคโนโลยี HTML5 และ JavaScript Leaflet เป็นห้องสมุด JavaScript แบบโอเพ่นซอร์สสำหรับแผนที่อินเตอร์แอคทีฟที่เหมาะกับอุปกรณ์พกพา

— คริสพี
แหล่งที่มา