jvectorNhập màu nước

Question

Tôi muốn xem mã nguồn của mình. Tôi gặp vấn đề: tôi cần thay đổi màu nước, nhưng màu sắc: ... tính năng không hoạt động đối với tôi. Bản đồ có màu trắng và màu sắc không thay đổi.

Vui lòng trả lời. Cảm ơn!

<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', 

     }] 
    } 
    }); 
}) 

Answer 1

Nếu bạn sử dụng phiên bản 1.1.x thì mã của bạn sẽ trông như thế này: giải pháp

$('#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' 
     } 
     }] 
    } 
}); 

Answer 2

bjornd của việc cho 1,1 lần, tuy nhiên chắc chắn rằng các mã quốc gia là ở các thủ đô như dưới đây hoặc nó sẽ không hoạt động.

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' 
    } 
    }] 
} 

Answer 3

Bạn có thể đặt đối tượng của riêng bạn để điền vào các giá trị, dựa trên dữ liệu được xác định trước hoặc động (chỉ cần chắc chắn rằng nó sẽ được trả về theo định dạng cùng một lúc 'Mỹ':. '# 0000000' Hãy cẩn thận với các dấu phẩy, chúng có thể là quỷ nhỏ pesky!

series: { 
    regions: [{ 
     values: fillData, 
     attribute: 'fill' 
    }, 
    { 
     values:opacityData, 
     attribute: 'fill-opacity' 
    }] 
}, 

Answer 4

series: { 
    regions: [{ 
     values: { 
      'IN': '#3e9d01', 
      'CA': '#4b93c1' 
     }, 
     attribute: 'fill' 
    }] 
},