JVector Map onRegionClick Событие

Итак, на карте JVector мне нужна функция, в которой каждая область связана с URL-адресом. Поэтому, если вы нажмете на Южную Африку, вы попадете на страницу с информацией о Южной Африке. Я знаю, что нужно начинать с onRegionClick: function (), но куда идти дальше, для меня загадка.


person ObiWanKobi    schedule 22.07.2014    source источник


Ответы (2)


Ну, как говорится в документации:

клик по региону

Функция обратного вызова, которая будет вызываться, когда пользователь щелкает путь к региону. Код региона будет передан обратному вызову в качестве аргумента.

Таким образом, каждый раз, когда щелкают область, код области передается обработчику. Затем, если код — это все, что вам нужно на следующей странице, вы можете просто передать его как есть в строке запроса.

onRegionClick: function (event, code) {
    window.location.href = "yourpage?regionCode=" + code
},

Если вам нужно фактическое название региона вместо кода, есть удобный метод getRegionName, который вы можете использовать.

var regionName = map.getRegionName(code);
person j.f.    schedule 23.07.2014

Вы можете использовать это тело 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, если вы нажмете на область провинции карты, это будет связать регион.

person Abed Putra    schedule 09.06.2016