如何通过javaScript函数手动更改地图对象中的选定区域?

时间:2019-04-22 20:01:27

标签: jquery jqvmap

我在网页上使用jquery.vmap.world.js,我想通过单击按钮(使用javascript函数和onClick事件)来更改地图的选定区域

这是我网页上地图的初始化:

  $('#world-map-gdp').vectorMap({
      map: 'world_en',
      backgroundColor: null,
      color: '#ffffff',
      selectedColor: '#6E1603',
      borderColor:'#1B0382',
      borderOpacity:0.7,
      hoverOpacity: 0.7,
      enableZoom: false,
      showTooltip: true,
      values: map_data,
      scaleColors: ['#E6F2F0', '#149B7E'],
      normalizeFunction: 'polynomial',
      multiSelectRegion:true,

  });

然后我在Click函数中编写了这段代码以更改所选区域:

    var mapObject= $('#world-map-gdp').vectorMap('get', 'mapObject');
    mapObject.setSelectedRegions(['AU']);

(div标签中的地图ID为“ world-map-gdp”) 但是,它不起作用!有人可以帮忙吗?

0 个答案:

没有答案