जावास्क्रिप्ट हीटमैप रेफरेंस एरर h337.create

Question

मैं जिथब से मौजूदा प्रोजेक्ट को संशोधित कर रहा हूं जो गेम "काउंटर स्ट्राइक: ग्लोबल अपमानजनक" गेम में एक मैच से हीटमैप उत्पन्न करने के लिए heatmap.js का उपयोग करता है, मूल डेवलपर इसे खत्म नहीं कर रहा था कोड का हिस्सा या इसमें बग है। https://github.com/deStrO/eBot-CSGO-Web/blob/master/apps/backend/modules/matchs/templates/_stats_heatmap.php#L26

मुझे लगता है कि यहीं कहीं लिखने में कोई त्रुटि/त्रुटि है, तो घंटे खर्च उसका पता लगाने की कोशिश कर के बाद:

ReferenceError: h337 is not defined 
var heatmap = h337.create(

इस लाइन यह दोष लगता है कि यह है: Firebug कंसोल केवल त्रुटि के रूप में यह कहते हैं मैं ऐसा करने में असमर्थ हूं।

मैंने क्रोम (v46.0.2490.80), फ़ायरफ़ॉक्स (v41.0.2) दोनों का उपयोग करके एक हीटमैप उत्पन्न करने का प्रयास किया, हालांकि कुछ भी नहीं होता है और केवल एक ही त्रुटि लॉग टाइपर है जिसे मुझे बाद में जाना है।

इस बात के बारे में कोई सुझाव/संकेत क्या हो सकता है? मैं googling किया गया है/सफलता के बिना इसी तरह के मुद्दों के लिए stackoverflow खोज, मुझे लगता है कि वहाँ कुछ मूर्ख मैं अनदेखी कर रहा हूँ ..

Answer 1

परिवर्तन इस लाइन

var heatmap = h337.create(

को

var heatmap = window.h337.create(

अद्यतन:

ठीक है आप भाग्यशाली हैं मुझे त्रुटि मिली है, आपको "कंटेनर" संपत्ति को हीटमैप विकल्पों में पास करना होगा:

heatmap = window.h337.create(
    { 
     "container": document.getElementById("heatmapArea"), 
     "element": document.getElementById("heatmapArea"), 
     "radius" : 11, 
     "opacity": 40, 
     "visible": true, 
     "gradient" : { 0.45: "rgb(0,0,255)", 0.55: "rgb(0,255,255)", 0.65: "rgb(0,255,0)", 0.95: "yellow", 1: "rgb(255,0,0)"} 
    }) 

मेरे लिए यह काम करता है :)

Answer 2

टी एल; डॉ

अक्षम uBlock उत्पत्ति (या शायद कुछ अन्य फ़ायरफ़ॉक्स एड-ऑन) पृष्ठों है कि इस त्रुटि को दिखा रहे हैं पर।

उत्तर: यह फ़ायरफ़ॉक्स में हुआ लेकिन क्रोम में नहीं। क्रोम में, सबकुछ अपेक्षित के रूप में काम करता था, इसलिए मैंने अपने फ़ायरफ़ॉक्स ऐड-ऑन पर संदेह करना शुरू कर दिया। मैंने सबकुछ अक्षम कर लिया और पाया कि मानचित्र अब फ़ायरफ़ॉक्स में काम करते हैं। सावधानीपूर्वक सभी ऐड-ऑन सक्षम करने के बाद, मैंने पाया कि यूब्लॉक उत्पत्ति ऐड-ऑन जावास्क्रिप्ट के साथ हस्तक्षेप कर रहा था। बस उस पेज पर यूब्लॉक उत्पत्ति को अक्षम करना जिसे आप फ़ायरफ़ॉक्स में लोड कर रहे हैं, स्क्रिप्ट को ठीक से काम करने की अनुमति देने के लिए पर्याप्त है।

Answer 3

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