我已经做了以下..。
我下载了科罗拉多郡的.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”
任何帮助都是非常感谢的!
谢谢!
发布于 2015-04-07 17:07:00
我通过下载jvectormap - http://jvectormap.com/download/的完整项目解决了所有状态的这个问题。
在/test/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';
}
});它将按需加载每个县的地图。
https://stackoverflow.com/questions/28196165
复制相似问题