Russia with disputed territories - Highmaps
Highmaps demo
by Max Shu
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.6/proj4.js"></script>
<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/mapdata/countries/ru/custom/ru-all-disputed.js"></script>
<div id="container"></div>
CSS
#container {
height: 500px;
min-width: 310px;
max-width: 800px;
margin: 0 auto;
}
.loading {
margin-top: 10em;
text-align: center;
color: gray;
}
.scope {font-size:24px;}
.scope, .numbers {
}
.highcharts-tooltip>span {
padding: 10px;
white-space: normal !important;
width: 400px;
}
.icon {
width: 40px;
height: 40px;
position: absolute;
left: -35px;
top: 35px;
background: url(http://hse.ru/mirror/pubs/share/174245803) no-repeat;
}
.icon.gmu {background-position: -40px 0;}
.icon.build {background-position: -80px 0;}
.icon.journal {background-position: -120px 0;}
.icon.history {background-position: -160px 0;}
.icon.lang {background-position: -200px 0;}
.icon.media {background-position: -240px 0;}
.icon.mngmnt {background-position: -280px 0;}
.icon.world {background-position: -320px 0;}
.icon.polit {background-position: -360px 0;}
.icon.appmath {background-position: -400px 0;}
.icon.psycho {background-position: -440px 0;}
.icon.social {background-position: -480px 0;}
.icon.international {background-position: -520px 0;}
.icon.philos {background-position: -560px 0;}
.icon.finance {background-position: -600px 0;}
.icon.economic {background-position: -640px 0;}
.icon.jury {background-position: -680px 0;}
.icon.math {background-position: -720px 0;}
.icon.logist {background-position: -760px 0;}
JavaScript
$(function () {
var regions_data = [
{
"name_ru": "Москва",
"value": 1616,
"scope": "Менеджмент",
"icon": "mngmnt",
"scope_value": 227,
"hc-key": "ru-ms"
}, {
"name_ru": "Московская область",
"value": 554,
"scope": "Юриспруденция",
"icon": "jury",
"scope_value": 70,
"hc-key": "ru-2509"
}, {
"name_ru": "Санкт-Петербург",
"value": 225,
"scope": "Государственное и муниципальное управление",
"icon": "gmu",
"scope_value": 53,
"hc-key": "ru-sp"
}, {
"name_ru": "Нижегородская область",
"value": 224,
"scope": "Юриспруденция",
"icon": "jury",
"scope_value": 51,
"hc-key": "ru-nz"
}, {
"name_ru": "Пермский край",
"value": 217,
"scope": "Менеджмент",
"icon": "mngmnt",
"scope_value": 58,
"hc-key": "ru-pe"
}, {
"name_ru": "Республика Башкортостан",
"value": 196,
"scope": "Юриспруденция",
"icon": "jury",
"scope_value": 59,
"hc-key": "ru-bk"
}, {
"name_ru": "Республика Татарстан",
"value": 139,
"scope": "Финансы и кредит",
"icon": "finance",
"scope_value": 24,
"hc-key": "ru-tt"
}, {
"name_ru": "Самарская область",
"value": 130,
"scope": "Социология",
"icon": "social",
"scope_value": 23,
"hc-key": "ru-sa"
}, {
"name_ru": "Новосибирская область",
"value": 128,
"scope": "Бизнес-информатика",
"icon": "bi",
"scope_value": 17,
"hc-key": "ru-ns"
}, {
"name_ru": "Челябинская область",
"value": 128,
"scope": "Юриспруденция",
"icon": "jury",
"scope_value": 27,
"hc-key": "ru-cl"
}, {
"name_ru": "Краснодарский край",
"value": 122,
"scope": "Экономика",
"icon": "economics",
"scope_value": 18,
"hc-key": "ru-kd"
}, {
"name_ru": "Ростовская область",
"value": 94,
"scope": "Менеджмент",
"icon": "mngmnt",
"scope_value": 14,
"hc-key": "ru-ro"
}, {
"name_ru": "Чувашская республика",
"value": 93,
"scope": "Юриспруденция",
"icon": "jury",
"scope_value": 20,
"hc-key": "ru-cv"
}, {
"name_ru": "Омская область",
"value": 91,
"scope": "Менеджмент",
"icon": "mngmnt",
"scope_value": 15,
"hc-key": "ru-om"
}, {
"name_ru":...