jvectormap區域顏色

即時通訊使用jvectormap plugin，我試圖設置地圖上每個區域的顏色。但是，在應用下面的代碼後，將顯示地圖但未應用顏色。它只是以白色顯示地圖。jvectormap區域顏色

我已經閱讀了關於這個問題的多個例子和問題，但我似乎無法讓它爲我工作。

Example 1在地圖上設置隨機顏色。

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

任何人都可以看到問題嗎？

來源

2012-10-12 Navigatron

下面是我認爲你試圖做的一個工作示例。

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。

來源

2012-10-13 00:57:48 mg1075

謝謝！這正是我需要做的。你的例子表明它無論如何工作。但是，它並不適用於我的代碼。我在'document.ready（）'函數中使用包含此代碼的'.getScript（）'調用腳本，屏幕上不顯示任何內容。我必須在其他地方出錯，否則一定會有一個問題叫它。使用螢火蟲，我可以看到腳本被調用。而且這張地圖的確使用了相同的代碼。 – Navigatron

現在已經修好了，這個代碼在'document.ready（）'中不起作用，只是使用這個函數做了這個工作！ – Navigatron

jsfiddle鏈接現已停止。 –

下面的代碼已被編輯，以修復您的發佈代碼中的語法錯誤。

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

對象鍵中的未綁定（封裝的最接近的反義詞可以集合）連字符導致語法錯誤。錯誤本身是針對無效標籤的。

來源

2012-10-13 00:37:22 CBusBus

jvectormap區域顏色

回答

相關問題