Я обновляю наше приложение, чтобы использовать 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) позволяла пользователю изменять масштабирование цветов с помощью стрелок вверху. Так что было бы неплохо, если бы и это было возможно.
Кто-нибудь знает, возможны ли какие-либо части из них?