Получение названия страны от jVectormap World Map

Question

Получение названия страны от jVectormap World Map

0

Как я могу получить имя страны щелчка от 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'
});

Вот документация по использованию скрипта:
http://jvectormap.com/documentation/javascript-api-v1/jvm-worldmap/

Lethysek 14 дек. 2013, в 18:32

Источник

0

возможный дубликат получения названия выбранной страны из jQuery Vector Maps
Rajaprabhu Aravindasamy 14 дек. 2013, в 17:22
0

Нет, я добавил туда свой код ..
Lethysek 14 дек. 2013, в 17:32
0

Ничего плохого в вашем коде, я настроил jsFiddle для демонстрации: jsfiddle.net/9Vyv6 У вас есть какие-либо ошибки javascript?
Mike Vranckx 15 дек. 2013, в 13:31
0

Ваш код работает нормально. Я знаю, потому что я решил свои проблемы, используя ваш пример кода.
Kent Munthe Caspersen 03 сен. 2014, в 10:50

Показать ещё 2 комментария

Теги:

javascript

jquery

jquery-plugins

jvectormap

2 ответа

Ещё вопросы

возможный дубликат получения названия выбранной страны из jQuery Vector Maps
Ничего плохого в вашем коде, я настроил jsFiddle для демонстрации: jsfiddle.net/9Vyv6 У вас есть какие-либо ошибки javascript?
Ваш код работает нормально. Я знаю, потому что я решил свои проблемы, используя ваш пример кода.

Robin · Answer 1 · 2013-12-14T15-12-00.000Z

Что означает "это не работает"? Вы получили сообщение об ошибке? Или что вы получаете в оповещении?

Не проверено, но вы можете попробовать сделать это так:

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

Это странно, потому что с моим кодом предупреждение не работает. Он просто не появляется, вместо того, чтобы поменять цвета на карте. Не знаю почему. Когда я нажимаю на карту, цвет этой страны меняется (и не зависит от моих цветов CSS). Ур код не работает, ничего не происходит. Где я должен поставить этот код?

Abed Putra · Answer 2 · 2016-06-08T00-30-00.000Z

Использовать это

 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'
    });