совет с jqvmap, чтобы щелкнуть по странам

Question

Я хотел бы перейти к URL-адресу, когда я нажимаю на определенную страну, код, который я использую в данный момент, является примером кода. Я создаю веб-сайт с картой на индексной странице, и когда вы нажимаете «Бразилия», вы переходите на страницу вики-страницы Бразилии.

Answer 1

Вы можете использовать функцию обратного вызова onRegionClick, чтобы определить, когда была нажата область, а затем выполните действия, которые вы хотите.

Используя образец по умолчанию из JQVMap, вы должны инициализировать свою карту с помощью onRegionCallback и проверить, соответствует ли возвращенный код страны тому, который вы ищете.

jQuery(document).ready(function() { 
     jQuery('#vmap').vectorMap({ 
      map: 'world_en', 
      backgroundColor: '#333333', 
      color: '#ffffff', 
      hoverOpacity: 0.7, 
      selectedColor: '#666666', 
      enableZoom: true, 
      showTooltip: true, 
      values: sample_data, 
      scaleColors: ['#C8EEFF', '#006491'], 
      normalizeFunction: 'polynomial', 
      onRegionClick: function (event, code, region) { 
       switch (code) { 
        case "br": 
        window.location.replace("http://en.wikipedia.org/wiki/Brazil"); 
        break; 
       } 
      } 
     }); 
    });