我正在更新我们的应用程序以使用jVectorMap而不是Flash。有些地图需要对国家进行不同的着色。创建起来非常简单。
<div id="world-map-color" style="width: 900px; height: 600px;"></div>
<script>
var myData = {
"AF": 36.63,
"RU": 11.58,
"US": 158.97
};
$('#world-map-color').vectorMap({
backgroundColor: "#FFFFFF",
regionStyle: {
initial: { fill: "#7C96A1" },
hover: { fill: "#A0D1DC" }
},
series: {
regions: [{
values: myData,
scale: ['#B0ADF7', '#0D0885'],
normalizeFunction: 'polynomial'
}]
}
});
</script>
结果地图:
但是,我想添加一些图例/关键来说明颜色的大小。类似于以下内容:
此外,该示例图例(来自Flash)允许用户使用顶部的箭头更改颜色的缩放比例。所以如果可能的话也会很好。
有谁知道这些部分是否可能?
最基本的事情是实现丰富多彩的规模。为此,看到我最近回答的类似的question。