Question

如何标记或识别jvectormap，以便我可以调用项目中的函数更改？在我的情况下，我有一个jvectormap和一个按钮（在地图之外），我希望它发生就像当我点击按钮，jvectormap＆＃34; markersSelectable＆＃34;可以改为true：

<!DOCTYPE html>
<html>
<head>
  <title>jVectorMap demo</title>
  <link rel="stylesheet" href="jquery-jvectormap-1.0.css" type="text/css" media="screen"/>
  <script src="jquery.js"></script>
  <script src="jquery-jvectormap-1.0.min.js"></script>
  <script src="jquery-jvectormap-world-mill-en.js"></script>
</head>
<body>
  <form><input id="pan" type="button" value="Pan" /></form>
  <div id="world-map" style="width: 600px; height: 400px"></div>
  <script>
    $(function(){
      $('#world-map').vectorMap(
        map: 'world_mill_en'
      );
      $('#pan').click(function() {
       //change the jvectormap attribute "markersSelectable" to true 
      });
    });
  </script>
</body>
</html>

Answer 1

尝试清空元素并使用new属性重新加载它。根据我的经验，它运作良好。

  <script>
        $(function(){
          $('#world-map').vectorMap(
            map: 'world_mill_en'
          );
          $('#pan').click(function() {
            var map_object = $('#world-map').vectorMap('get', 'mapObject');
            map_object.params.markersSelectable = false;
          });
        });
      </script>

顺便说一下，您可能想要使用1.2.2版本。

如何标记或标识jvectormap

1 个答案: