帶有JvectorMaps的不同彩色標記

使用JVectorMap，如何添加兩組不同顏色的標記？還有一個關於它的問題，並且該解決方案在JSFiddle上不起作用。現在我有像和我可以屬性類型的標記，但我不知道將改變特定類型的顏色的代碼。任何幫助？帶有JvectorMaps的不同彩色標記

<div id="map"></div> 
<script> 
    $(function(){ 
    $('#map').vectorMap({ 
    map: 'us_aea_en', 
    zoomOnScroll: true, 
    hoverOpacity: 0.7, 
    markerStyle: { 
     initial: { 
     fill: '#800000', 
     stroke: '#383f47' 
     } 
    }, 
    markers: [ 
     {latLng: [41.50, -87.37], name: 'Test1 - 2010', type : "chicago"}, 
     {latLng: [39.16, -84.46], name: 'Test2 - 2010'}, 
     {latLng: [39.25, -84.46], name: 'Test3 - 2010'} 
    ] 


    }); 
    }); 
</script>

來源

2013-06-04 Aloke Desai

您可以使用風格不同的顏色：

{latLng: [41.50, -87.37], name: 'Test1 - 2010', style: {fill: 'rgba(0,0,255,0.1)', r:20}},

來源

2013-11-27 15:13:58 Steel

嘗試秤：

markers: [ 
     {latLng: [41.50, -87.37], name: 'Test1 - 2010', type : "chicago"}, 
     {latLng: [39.16, -84.46], name: 'Test2 - 2010'}, 
     {latLng: [39.25, -84.46], name: 'Test3 - 2010'} 
    ], 
    scales: { 
     markers:[{ 
      attributes: 'fill', 
      scale: ['#000000/*color1*/', '/*color2*/'....], 
      values: [0, 1, 2] 
     }] 
    }

來源

2014-10-13 03:14:50 YY1988

在插件的文檔中，說：

每個標記由latLng（兩個數值的數組）表示，名稱（將在標記尖端顯示的字符串）和任何標記樣式。

所以我們做的是以下幾點。

$('#world-map').vectorMap({ 
    markers: [ 
     { latLng: [38.90, -98.45], name: 'John Doe', style: {r: 8, fill:'yellow'}}, 
     { latLng: [46.90, -65], name: 'Label name', style: {r: 12, fill:'black'}}, 
     { latLng: [46.90, -65], name: 'Label name', style: {r: 4, fill:'red'}} 
    ] 
});

通過這種方式爲您創建的每個標記都會分配不同的樣式。

來源

2016-06-28 10:36:04

帶有JvectorMaps的不同彩色標記

回答

相關問題