jvectormap区域颜色
jvectormap区域颜色
提问于 2012-10-13 05:53:05
我正在使用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'
}]
}
});任何人都能看到问题所在吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-10-13 08:57:49
这是我认为你正在尝试做的一个工作样本。
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站点上的两个示例：
- http://jvectormap.com/maps/countries/australia/
- http://jvectormap.com/examples/random-colors/
小提琴包括来自站点的jvectormap 1.1文件。还要注意，站点上的随机颜色示例使用的是jvm.WorldMap。
Stack Overflow用户
发布于 2012-10-13 08:37:23
已对以下代码进行编辑，以修复您发布的代码中的语法错误。
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'
}]
}
});对象键内的未绑定(封装的最接近的反义词I can muster)连字符会导致语法错误。错误本身是由于无效的标签造成的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12867615
复制相关文章
相似问题
腾讯云开发者
