Html5 भू-स्थानिक अनुप्रयोगों में कला की स्थिति क्या है?


37

मुझे canvasमानचित्रों के लिए html5 तत्व में बहुत दिलचस्पी है ; उदाहरण के लिए, एमआईटी मीडिया लैब के शोधकर्ता से कार्टेजन जैसे काम बहुत आशाजनक लगते हैं। कार्टो.नेट पर कुछ दिलचस्प एसवीजी आधारित काम है । WebSocketलाइव भू-स्थानिक डेटा के लिए एक शानदार एपीआई की तरह लगता है। मैंने कुछ html5 प्रयोग किए हैं, उदाहरण के लिए यहाँ फ़्लिकर और पिकासा डेटा के साथ। लोग इन नई तकनीकों के साथ क्या कर रहे हैं, या आपने क्या प्रयास किया है?


उदाहरणों की सूची में जोड़ना: rlat.kew.org ( fosslc.org/drupal/content/… के माध्यम से )
radek

HTML5 और Cartagen को कवर करने वाली अभ्यास श्रृंखला में IJHG की वेब GIS में एक खुली पहुंच का लेख है
radek

जवाबों:


13

OpenLayers रेंडरिंग केcanvas लिए HTML5 एलिमेंट का उपयोग कर सकते हैं ।


जो बेहद आसान लग रहा है।
bvmou

2
इसके अतिरिक्त, OpenLayers ने गैर- कैनवस प्रौद्योगिकियों के लिए पहले से ही ब्राउज़रों - VML, SVG - और वर्षों से उपलब्ध समर्थन में बनाया है । सामान्य तौर पर, HTML5 'buzzword' से चिपके रहने से "मैं किस समस्या का समाधान कर रहा हूं?" एक समाधान की तलाश में कदम ...
क्रिस्टोफर श्मिट

3
उदाहरण मैंने svg में 70,000 डोम नोड्स की आवश्यकता होगी - यह कैनवास के लिए एक अच्छा उपयोग मामला है। BTW बिल्कुल वही ब्राउज़र जो कि समर्थन करते हैं svg भी कैनवास का समर्थन करते हैं। और अगर आप वास्तव में सोचते हैं कि html5 एक खाली चर्चा से ज्यादा कुछ नहीं है, तो आपके लिए योगदान करने के लिए बहुत सारे अन्य प्रश्न हैं।
bvmou

7

एचटीएमएल 5 रॉक्स में एसवीजी, मैपिंग, एपीआई और डेटाबेस अनुरोधों के साथ कुछ अच्छे इंटरैक्टिव उदाहरण हैं।

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

मैप नहीं बल्कि एसवीजी - लेकिन मैपिंग के लिए अच्छा होगा! http://slides.html5rocks.com/#slide27


5

मैं इस उदाहरण को काफी पसंद करता हूं जो एक html5 में लाइव रिपस्टर आपत्ति / ताना-बाना करता है canvas


1
लगता लिंक की तरह टूट गया है
UnderDark

लिंक , मेरे लिए काम करता आज। हालांकि यह धीमा है, और दूसरे छोर से स्क्रिप्ट कुछ भी नहीं लगती है। तो -1 जब तक कोई व्यक्ति कहीं नया संस्करण नहीं डालता या लगाता है।
मैट विल्की

4

डी 3 भी चेक करें । वास्तव में एक भू-स्थानिक-केंद्रित पुस्तकालय नहीं है, लेकिन विषयगत मानचित्रों के साथ कुछ उदाहरण हैं। एसवीजी पर निर्मित। उसी लेखक ने पॉलिमैप विकसित किया।


4

जार्जेटेड ब्लॉग पर एक नज़र डालें , जिसमें वेब मैपिंग की कला की स्थिति पर लेखों की एक श्रृंखला है। इसमें व्हाट्सऐप के अच्छे रिव्यू और ट्रू फॉरवर्ड थिंकिंग वेब मैपिंग के लिए उपलब्ध तकनीक मौजूद है।

  1. सिल्वरलाइट v फ़्लैश v html5 पर जानकारी
  2. ब्राउज़र आधारित 3 डी वेब मैपिंग
  3. HTML5 में ग्लोब
  4. टाइल वाले छवि मानचित्रों और वैक्टर की शक्ति के लिए विकल्प


3

कार्टोग्राफ का प्रयास करें । यह एक दो शॉट कार्यक्रम है:

  1. कुछ जियोस्पेशियल डेटा को शेपफाइल की तरह लें और इसे Kartograph.py के माध्यम से चलाएं। जो इसे SVG फाइल में बदल देगा।
  2. ब्राउज़र में इसे सुंदर बनाने के लिए Kartograph.js का उपयोग करें। विषयगत तत्व, एनीमेशन, फैंसी फोंट, आदि जोड़ें ...

2


1

2011 के अंत में: http://bl.ocks.org/1392560 (एक इंटरएक्टिव, ड्रैग करने योग्य विश्व मानचित्र svg के रूप में d3 रेंडरिंग जियोजोन)।



0

मैं बहुत से काम से प्रभावित कर रहा हूँ MapBox और पत्रक कि शोकेस कुछ वास्तव में अच्छा वेब मानचित्रण एचटीएमएल 5 और जावास्क्रिप्ट प्रौद्योगिकी पर आधारित अनुप्रयोगों। मोबाइल-फ्रेंडली इंटरएक्टिव मैप्स के लिए एक ओपन-सोर्स जावास्क्रिप्ट लाइब्रेरी है।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.