إنشاء مزود الخيانة باستخدام عنصر
https://stackoverflow.com/questions/1117048
-
12-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
هل هناك أي مكتبات JavaScript هناك تتيح لك إنشاء مزود مريئي باستخدام ميزات عرض الرسوم البيانية في المتصفح مثل <canvas> أو svg؟
أعرف عن HetMapapi.com، ولكن يتم إنشاء خرائط حرارية على جانب الخادم. أعتقد أنه في عصر <canvas> عنصر لا نحتاج بعد الآن!
إذا لم يكن هناك شيء مثل هذا، فهل هناك أي متطوعين للمشاركة في إنشاء مثل هذه الأداة؟
المحلول
قمت بإنشاء عرض تجريبي بما في ذلك Heatmap في الوقت الحقيقي مع <canvas> العنصر وجافا سكريبت. أضفت أيضا التعليمات البرمجية الموثقة بجانب عينة HeatMap. تعتمد عملية توليد HeatMap على خريطة Alpha في عنصر قماش يعتمد على حركة الماوس المستخدمين. يمكنك إلقاء نظرة على التجريبي الخاص بي هنا:http://www.patrick-wied.at/static/heatmap/
نصائح أخرى
لقد أنشأت خريطة نجاح بمساعدة API للتصور Google [http://code.google.com/apis/visualization/documentation/. وبعد يستخدم SVG & VML، وأيضا متوافق عبر المتصفح. آمل أن تساعد.
لدي بعض رمز JS / Canvas / Web Web هنا على الرغم من وجود الكثير من العمل الذي يمكن القيام به معها. كما دفعت عبر الإنترنت في http://heatmapthing.herok.com/. وبعد يحتاج متصفحك إلى دعم عمال الويب لهذا.
يرجى إرسال طلبات سحب إذا كنت تحسينه. التجانس الزائف غوسيان هو slooooooooow كما الجحيم الآن.
كما أنني أعطاها جربا، ولكن دون القيام بتخدير غوسي نفسي، اسمحوا أن قماش فعل ذلك بالنسبة لي. أساسا أرسم تدرج شعاعي لكل نقطة في مقياس رمادي ثم تلوين هذه الصورة الرمادية (انظر "إنشاء خرائط حرارية مع .NET 2.0 (C #)" للحصول على شرح مفصل، يختلف تنفيذي قليلا).
النتيجة تبدو وكأنها هذه:
وقت التقديم ليس سيئا على الكروم / الكروم. أعتقد أن الجزء المستهل للأرض الوقت هو اللون، لأنني حلق كل بكسل.
يمكنك العثور على الكود هنا: http://trac.openlayers.org/browser/sandbox/camptocamp/canvas/libenlayers/lib/heatmap-js/heatmap.js.
لقد لعبت مع HeatMap قبل بضع سنوات. يرى http://www.urbigene.com/treemapphp/, ، جاءت الخوارزمية من هنا: http://www.cs.umd.edu/hcil/treemap-history/
Heatcanvas تبدو جيدة جدا. كما أن لديها ملحق نشرة لتشغيل أعلى OpenStreetMapshttps://github.com/sunng87/heatcanvas.
يعمل بشكل جيد للغاية على عدد قليل من النقاط (<200) أو نحو ذلك، ولكن يحصل بطيئا بعض الشيء على عدة آلاف من النقاط. أعتقد أنه قد يعيد حسابه أيضا أكثر من اللازم بعد المقلاة والتكبير، واجهت بعض المشاكل في تغيير HeatMap على الطاير (استبدال Heatmap مع آخر باستخدام JavaScript)، أعتقد أنني بحاجة إلى تجربة أكثر قليلا معها، أو اتصل مؤلف
