如何在改变下拉菜单中再次加载矢量地图?

时间:2018-03-22 07:42:53

标签: javascript ajax jvectormap

HTML:

<form>
    <select id="mySelect" onchange="getMap()">
      <option value="SI">Slovenia</option>
      <option value="SR">Serbia</option>
    </select>
</form>

<div id="map_vector">

加载地图的脚本

<script>
  $(document).ready(function () {
    getMap();
  });

  function getMap() {
    var focus = document.getElementById("mySelect").value;
    var map = new jvm.Map({
      container: $('#map_vector'),    
      map: 'europe_mill',   
      focusOn: [focus]
    });
  }

</script>

我想在更改选择菜单上更改焦点,这就是为什么我再次调用函数getMap() onChange事件,但map不会再次加载。我知道我错过了很多东西,但我不熟悉JS。

0 个答案:

没有答案