JvectorMap区域选择

时间:2013-05-23 09:53:48

标签: javascript jquery vb.net jvectormap

我正在尝试重用JVectorMap的区域选择功能。我正在使用自定义地图(js)文件。我已经测试过,它适用于区域选择。 现在我需要将用户选择的区域传递给后端vb代码。在这种情况下,maps.getSelectedRegions()给出了用户所选区域的数组。我不清楚如何将javascript数组传递给后端vb代码。 window.localstorage在示例中给出的方式似乎没有在这里解决。有人可以帮我解决这个问题吗? 这是JVectorMap区域选择的链接 - http://jvectormap.com/examples/regions-selection/

以下是我到目前为止使用的代码。

<script>
$(function(){   var maps;   maps = new jvm.WorldMap({
container: $('#map'),
map: 'xyz_map',
regionsSelectable: true,

regionStyle: {
  initial: {
    fill: '#B8E186'
  },
  selected: {
    fill: '#F4A582'
  }
},
series: {

},
onRegionSelected: function(){
  if (window.localStorage) {
    window.localStorage.setItem(
      'jvectormap-selected-regions',
      JSON.stringify(maps.getSelectedRegions())

    );
  }
}
   });   maps.setSelectedRegions( JSON.parse( window.localStorage.getItem('jvectormap-selected-regions') || '[]' )
  );   });

   </script>

提前致谢

新浪

1 个答案:

答案 0 :(得分:1)

管理自己获得解决方案。您可以在asp代码中添加隐藏控件,并将变量赋值给此控件。

  

$(function(){var maps,temp; var hiddenControl ='&lt;%=   inpHide.ClientID%&gt;'; maps = new jvm.WorldMap({       容器:$('#map'),       map:'xyz_map',       regionsSelectable:true,

regionStyle: {
  initial: {
    fill: '#B8E186'
  },
  selected: {
    fill: '#F4A582'
  }
},
series: {

},
onRegionSelected: function(){
document.getElementById(hiddenControl).value=maps.getSelectedRegions();
}   });

           });