Question

因此，在JVector地图中，我需要一个将每个区域链接到URL的函数。因此，如果您点击南非，它将带您进入一个包含南非信息的页面。我知道从onRegionClick: function ()开始，但从哪里开始对我来说是一个谜。

Answer 1

好吧，正如文档所说：

onRegionClick

用户调用时将调用的回调函数   单击区域路径。区域代码将作为回传传递给回调   参数。

因此，每次单击某个区域时，该区域的代码都会传递给处理程序。然后，如果代码是您在下一页上所需的全部内容，则可以按原样传递查询字符串。

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

如果您需要区域的实际名称而不是代码，可以使用方便的getRegionName方法。

var regionName = map.getRegionName(code);

Answer 2

你可以使用这个html正文

<div class="map_jvector"></div>

和javascript

        <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>

将“您的网址”链接更改为您的链接地址＆amp; “+ code +”是JVector Map的区域，如果点击地图省区，它将链接该区域。

JVector Map onRegionClick事件

2 个答案: