Javascript 从jVectormap世界地图获取国家名称

如何从jVectormap获取已单击国家的名称

我使用简单的代码，添加了警告，以显示单击的国家的名称，但不起作用

jQuery('#vmap').vectorMap({
    map: 'world_en',
    backgroundColor: '#e9e9e7',
    color: '#dfdfdd',
    hoverOpacity: 0,
    selectedColor: '#5f8b98',
    hoverColor: '#5f8b98',
    enableZoom: true,
    showTooltip: true,
    values: sample_data,
    scaleColors: ['#dfdfdd'],
    onRegionClick: function (event, code) {
    var map = $('#vmap').vectorMap('get', 'mapObject');
    var name = map.getRegionName(code);
    //ADDED ALERT TO SHOW NAME OF CLICKED COUNTRY
    alert(name);
    },
    normalizeFunction: 'polynomial'
});

以下是使用脚本的文档：

什么叫“它不工作”？ 你有错误吗？或者你在警报中得到了什么

未测试，但您可以尝试这样做：

var mymap = new jvm.WorldMap({
  container: $('#vmap'),
  ...
  onRegionClick: function (event, code) {
    alert(mymap.getRegionName(code));
  }
});

用这个

 onRegionClick:function(event, code) {                        
        var name = (code);                        
        alert(name);                    
        }

所有脚本

    jQuery('#vmap').vectorMap({
        map: 'world_en',
        backgroundColor: '#e9e9e7',
        color: '#dfdfdd',
        hoverOpacity: 0,
        selectedColor: '#5f8b98',
        hoverColor: '#5f8b98',
        enableZoom: true,
        showTooltip: true,
        values: sample_data,
        scaleColors: ['#dfdfdd'],
        //alert
        onRegionClick:function(event, code) {                         
        var name = (code);                        
        alert(name);                    
        },
        normalizeFunction: 'polynomial'
    });

---

我在那里添加了我的代码。代码没有问题，我已经设置了一个JSFIDLE来演示：您有任何javascript错误吗？您的代码工作正常。我知道，因为我用你的代码示例解决了我的问题。这很奇怪，因为我的代码警报不起作用。它只是不出现，而是提醒地图上的颜色正在改变。不知道为什么。当我点击地图时，这个国家的颜色会改变（而且我的css颜色也不会改变）。你的代码不起作用，什么也没发生。我必须把这个代码放在哪里？