jvectormap क्षेत्र रंग

Question

मैं jvectormap plugin का उपयोग कर रहा हूं, और मैं मानचित्र पर प्रत्येक क्षेत्र के रंग सेट करने की कोशिश कर रहा हूं। हालांकि, मानचित्र के नीचे दिए गए कोड को लागू करने के बाद प्रदर्शित किया गया है लेकिन बिना रंग लागू किए गए हैं। यह सिर्फ सफेद में नक्शा दिखाता है।

मैंने इस मामले पर कई उदाहरण और प्रश्न पढ़े हैं, लेकिन मुझे लगता है कि यह मेरे लिए काम नहीं कर रहा है।

Example 1 मानचित्र पर यादृच्छिक रंग सेट करने के।

Documentation

खान Similar question, लेकिन यह मेरी समस्या का समाधान नहीं है।

jQuery('#mapDiv').vectorMap({ 
    map: 'au_merc_en', 
    backgroundColor: 'none', 
    colors: { 
     AU-SA: '#4E7387', 
     AU-WA:'#333333', 
     AU-VIC:'#89AFBF', 
     AU-TAS:'#817F8E', 
     AU-QLD:'#344B5E', 
     AU-NSW:'#344B5E', 
     AU-ACT:'#344B5E', 
     AU-NT:'#344B5E' 

    }, 
    series: { 
     regions: 
     [{ 
     attribute: 'fill' 
     }] 
    } 
}); 

क्या कोई समस्या देख सकता है?

Answer 1

मुझे लगता है कि आप क्या करने का प्रयास कर रहे हैं इसका एक कामकाजी नमूना है।

http://jsfiddle.net/3xZ28/34/

(function() { 
    var myCustomColors = { 
     'AU-SA': '#4E7387', 
     'AU-WA': '#333333', 
     'AU-VIC': '#89AFBF', 
     'AU-TAS': '#817F8E', 
     'AU-QLD': '#344B5E', 
     'AU-NSW': '#344B5E', 
     'AU-ACT': '#344B5E', 
     'AU-NT': '#344B5E' 
    }; 

    map = new jvm.WorldMap({ 
     map: 'au_merc_en', 
     container: $('#ausie'), 
     backgroundColor: '#eff7ff', 
     series: { 
      regions: [{ 
       attribute: 'fill' 
      }] 
     } 
    }); 

    map.series.regions[0].setValues(myCustomColors); 
})(); 

यह उदाहरण jvectormap साइट पर दो उदाहरण के बंद बनाता है:
1. http://jvectormap.com/maps/countries/australia/
2. http://jvectormap.com/examples/random-colors/

बेला साइट से jvectormap 1.1 फ़ाइल भी शामिल है। यह भी ध्यान दें कि साइट पर यादृच्छिक रंग उदाहरण jvm का उपयोग करता है। WorldMap।

Answer 2

नीचे दिए गए कोड को आपके पोस्ट कोड में सिंटैक्स त्रुटियों को ठीक करने के लिए संपादित किया गया है।

jQuery('#mapDiv').vectorMap({ 
    map: 'au_merc_en', 
    backgroundColor: 'none', 
    colors:{ 
     "AU-SA": '#4E7387', 
     "AU-WA":'#333333', 
     "AU-VIC":'#89AFBF', 
     "AU-TAS":'#817F8E', 
     "AU-QLD":'#344B5E', 
     "AU-NSW":'#344B5E', 
     "AU-ACT":'#344B5E', 
     "AU-NT":'#344B5E' 

    }, 
    series: { 
     regions: 
     [{ 
     attribute: 'fill' 
     }] 
    } 
}); 

अनबाउंड (समझाया मैं जुटा सकते हैं के निकटतम विलोम) हाइफ़न वस्तु कुंजी के भीतर एक सिंटैक्स त्रुटि का कारण है। त्रुटि स्वयं एक अवैध लेबल के लिए है।