Question

我已经做了以下......

我下载了科罗拉多州的.svg

然后用记事本/记事本++等打开.svg并将所有内容粘贴到此网站，将其转换为jvectormap。

既然我已经这样做了，我想知道如何将各县纳入我的美国地图。可以在此处找到此示例：http://jvectormap.com/examples/drill-down/当您单击其中一个状态时，它会放大并显示各个县。

目前这就是我所拥有的：

<!DOCTYPE html>
<html>
<head>
  <title>jVectorMap demo</title>
  <link rel="stylesheet" href="jquery-jvectormap-2.0.1.css" type="text/css" media="screen"/>
  <script src="jquery.js"></script>
  <script src="jquery-jvectormap-2.0.1.min.js"></script>
  <script src="jquery-jvectormap-us-aea-en.js"></script>
  <script src="co-counties.js"></script>
</head>
<body>
  <div id="map" style="width: 600px; height: 400px"></div>
  <script>
    $(function(){
  new jvm.MultiMap({
    container: $('#map'),
    maxLevel: 1,
    main: {
      map: 'us_aea_en'
    },
    mapUrlByCode: function(code, multiMap){
      return '/js/us-counties/jquery-jvectormap-data-'+
             code.toLowerCase()+'-'+
             multiMap.defaultProjection+'-en.js';
    }
    });
    });
  </script>
</body>
</html>

当你点击它时它会放大一个状态，但现在我需要它转换到县视图。

此外，我的科罗拉多州县jvectormap目前名为'co-counties.js'

任何帮助都将非常感谢！

谢谢！

Answer 1

我通过下载jvectormap的完整项目来解决所有州的问题 - http://jvectormap.com/download/

并在/ tests / assets / us下，作者包含了所需的所有js文件。只需将它们复制到您的项目并使用：

new jvm.MultiMap({
  container: $('.jvectormap-container'),
  maxLevel: 1,
  main: {
    map: 'us_lcc_en'
  },
  mapUrlByCode: function(code, multiMap){
    return '../js/counties/jquery-jvectormap-data-'+
           code.toLowerCase()+'-'+
           multiMap.defaultProjection+'-en.js';
  }
});

它将按需加载每个县地图

jvectormap - 如何合并县数据

1 个答案: