2013-12-14 2 views
0

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

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

+0

возможно дубликат [Получить имя выбранной страны из jQuery Vector Maps] (http://stackoverflow.com/questions/20585636/get-name-of-selected-country-from-jquery-vector-maps) –

+0

Нет, я добавил туда свой код .. – Lethysek

+0

Ничего плохого в вашем коде, я установил jsFiddle для демонстрации: http://jsfiddle.net/9Vyv6/ У вас есть ошибки javascript? –

ответ

1

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

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

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

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

0

Используйте этот

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' 
    }); 
Смежные вопросы