Jvector映射如何从标记添加和获取链接

D J*_*D J 10 javascript jquery jvectormap

我试图从标记数组中获取数据并在onmarkerclick函数上调用它,这样我可以在点击标记后转到URL,我尝试的所有内容似乎都失败了.我希望在标记数组中添加一个URL并将其返回到onmarkerclick.感谢您的高级帮助:

 $(function(){
    $('#map1').vectorMap({
                  map: 'world_mill_en',
                  scale: ['#C8EEFF', '#0071A4'],
                  normalizeFunction: 'polynomial',
                  hoverOpacity: 0.7,
                  hoverColor: false,
                  markerStyle: {
                    initial: {
                          fill: '#F8E23B',
                          stroke: '#383f47'
                    }
                  },
                  backgroundColor: '#383f47',
                  markers: [{latLng: [48.921537, -66.829834], name: "something", weburl : "/blah/foo"

            },{latLng: [45.995944, -64.171143], name: "something else", weburl : "/blah/foo"

            },],
                  onMarkerClick: function(events, label, index, weburl) {
                    alert (1+weburl);                
                   }
            });
});
Run Code Online (Sandbox Code Playgroud)

Raj*_*hal 28

这么多巧合,我昨天只面临同样的问题.. :)

我找到的解决方案是在外部创建一个数组,并通过click-function中的索引访问它.

var markers = [
    {latLng: [48.921537, -66.829834], name: "something", weburl : "/blah/foo"},
    {latLng: [45.995944, -64.171143], name: "something else", weburl : "/blah/foo-else"}
];

$(function(){
    $('#map1').vectorMap({
                  ...
                  markers: markers,
                  onMarkerClick: function(event, index) {
                      // alter the weburl
                      alert(markers[index].weburl);
                  }
            });
});
Run Code Online (Sandbox Code Playgroud)

  • 谢谢,你是一个绝对的传奇.我花了几个小时和几天试图解决这个问题.!!!! (2认同)