2012-10-17 10 views
5

मैं अपने स्रोत को देखना चाहता हूं। मुझे समस्या है: मुझे देश के रंग बदलने की जरूरत है, लेकिन रंग: ... सुविधा मेरे लिए काम नहीं कर रही है। मानचित्र सफेद है और रंग नहीं बदलते हैं।jvectorMap देश के रंग

कृपया उत्तर दें। धन्यवाद!

<script> 
jQuery.noConflict(); 
jQuery(function(){ 
    var $ = jQuery; 

    $('#focus').click(function(){ 
    $('#map1').vectorMap('set', 'focus', 'LT'); 
    }); 
    $('#map1').vectorMap({ 
    map: 'world_mill_en', 
    focusOn: { 
     x: 0, 
     y: 0, 
     scale: 1 
    }, 
    colors:   { 
        IN:'#33250B', 
        dk:'#000FFF', 
        kp:'#33250b', 
        ir:'#3f4114', 
        iq:'#525252', 
        pk:'#654511', 
        uz:'#69681c', 
        tm:'#48470d', 
        eg:'#654906', 
        az:'#083803', 
        tj:'#410a0a', 
        kg:'#545353', 
        sy:'#654511', 
        jo:'#33250b', 
        kz:'#654511', 
        lk:'#525252', 
        US:'#000000', 
            }, 
    series: { 
     regions: [{ 
     scale: ['#C8EEFF', '#0071A4'], 
     normalizeFunction: 'polynomial', 

     }] 
    } 
    }); 
}) 

+1

क्या संस्करण का उपयोग कर रहे हैं? ऐसा लगता है कि स्थापना के 'colors' v0.2.3 में http://jvectormap.com/documentation/javascript- समर्थित किया गया एपीआई/लेकिन v1.0 में नहीं http://jvectormap.com/documentation/javascript-api-v1/jvm-worldmap/। –

+0

हाँ मैंने इसे पुन: साझा किया धन्यवाद! :) –

उत्तर

12

आप संस्करण 1.1.x का उपयोग करते हैं तो अपने कोड इस तरह दिखना चाहिए:

$('#map1').vectorMap({ 
    map: 'world_mill_en', 
    focusOn: { 
     x: 0, 
     y: 0, 
     scale: 1 
    }, 
    series: { 
     regions: [{ 
     values: { 
      IN:'#33250B', 
      dk:'#000FFF', 
      kp:'#33250b', 
      ir:'#3f4114', 
      iq:'#525252', 
      pk:'#654511', 
      uz:'#69681c', 
      tm:'#48470d', 
      eg:'#654906', 
      az:'#083803', 
      tj:'#410a0a', 
      kg:'#545353', 
      sy:'#654511', 
      jo:'#33250b', 
      kz:'#654511', 
      lk:'#525252', 
      US:'#000000' 
     } 
     }] 
    } 
}); 
+0

मुझे सभी काम करने के लिए देश के सभी अक्षरों को पूंजीकृत करने की आवश्यकता थी। धन्यवाद! – Chris

2

bjornd के समाधान 1.1X लिए काम करता है, फिर भी यकीन है कि देश कोड के रूप में कैपिटल वाले कर रहे हैं नीचे या यह काम नहीं करेगा।

series: { 
    regions: [{ 
    values: { 
     IN:'#33250B', 
     DK:'#000FFF', 
     KP:'#33250b', 
     IR:'#3f4114', 
     IQ:'#525252', 
     PK:'#654511', 
     UZ:'#69681c', 
     TM:'#48470d', 
     EG:'#654906', 
     AZ:'#083803', 
     TJ:'#410a0a', 
     KG:'#545353', 
     SY:'#654511', 
     JO:'#33250b', 
     KZ:'#654511', 
     LK:'#525252', 
     US:'#000000' 
    } 
    }] 
} 
0

आप अपनी खुद की वस्तुओं सेट कर सकते हैं पूर्व निर्धारित या गतिशील डेटा के आधार पर, मूल्यों को भरने के लिए (सिर्फ यकीन है कि यह 'अमेरिका' में एक ही प्रारूप में दिया जाता है बनाने:। '# 0000000' से सावधान रहें कॉमा, वे परेशान छोटे शैतानों हो सकता है!

series: { 
    regions: [{ 
     values: fillData, 
     attribute: 'fill' 
    }, 
    { 
     values:opacityData, 
     attribute: 'fill-opacity' 
    }] 
}, 
0
series: { 
    regions: [{ 
     values: { 
      'IN': '#3e9d01', 
      'CA': '#4b93c1' 
     }, 
     attribute: 'fill' 
    }] 
}, 
+0

क्या आप कुछ संदर्भ जोड़ सकते हैं? यह डेटा संरचना कहां जाती है? – ppperry

संबंधित मुद्दे