Итак, на карте JVector мне нужна функция, в которой каждая область связана с URL-адресом. Поэтому, если вы нажмете на Южную Африку, вы попадете на страницу с информацией о Южной Африке. Я знаю, что нужно начинать с onRegionClick: function ()
, но куда идти дальше, для меня загадка.
JVector Map onRegionClick Событие
Ответы (2)
Ну, как говорится в документации:
клик по региону
Функция обратного вызова, которая будет вызываться, когда пользователь щелкает путь к региону. Код региона будет передан обратному вызову в качестве аргумента.
Таким образом, каждый раз, когда щелкают область, код области передается обработчику. Затем, если код — это все, что вам нужно на следующей странице, вы можете просто передать его как есть в строке запроса.
onRegionClick: function (event, code) {
window.location.href = "yourpage?regionCode=" + code
},
Если вам нужно фактическое название региона вместо кода, есть удобный метод getRegionName
, который вы можете использовать.
var regionName = map.getRegionName(code);
Вы можете использовать это тело html
<div class="map_jvector"></div>
и джаваскрипт
<script>
$('.map_jvector').vectorMap({
map: 'africa',
backgroundColor: '#ffffff',
onRegionClick:function(event, code){
var name = (code);
window.location.replace("http://your url address/"+code+"");
},
series: {
regions: [{
values: gdpData,
scale: ['#003471','#009eef', '#0076a3','#0d004c','#f26522','#9e0039'],
normalizeFunction: 'polynomial'
}]
},
onRegionTipShow: function(e, el, code){
el.html(el.html());
}
});
</script>
Измените ссылку «ваш URL-адрес» на адрес вашей ссылки, а «+ код +» — это регион карты JVector, если вы нажмете на область провинции карты, это будет связать регион.