首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何标记或标识jvectormap

如何标记或标识jvectormap
EN

Stack Overflow用户
提问于 2014-10-13 02:22:09
回答 1查看 758关注 0票数 1

如何标记或标识jvectormap,以便从项中调用函数的更改?在我的例子中,我有一个jvectormap和一个按钮(在地图之外),我希望当我单击该按钮时,jvectormap的"markersSelectable“可以更改为true:

代码语言:javascript
运行
复制
<!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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-10-13 02:42:56

尝试清空元素并使用新属性重新加载它。以我的经验来看,效果很好。

代码语言:javascript
运行
复制
  <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版本。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26332081

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档