个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
27
4
我正在尝试重新创建美国失业率的 jVectorMap 示例可视化。我直接从 github 中获取代码. map 无法加载，控制台给我这个错误:“jvm is not defined.”
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Maps</title>
<link rel="stylesheet" media="all" href="../jvectormap/jquery-jvectormap.css"/>
<link rel="stylesheet" media="all" href="css/jquery-ui-1.8.21.custom.css"/>
<script src="../jvectormap/tests/assets/jquery-1.8.2.js"></script>
<script src="../jquery-jvectormap.js"></script>
<script src="../jvectormap/tests/assets/jquery-jvectormap-us-aea-en.js"></script>
<script src="jquery-ui-1.8.21.custom.min.js"></script>
<script>
$(function(){
$.getJSON('data.json', function(data){
var val = 2009;
statesValues = jvm.values.apply({}, jvm.values(data.states)),
metroPopValues = Array.prototype.concat.apply([], jvm.values(data.metro.population)),
metroUnemplValues = Array.prototype.concat.apply([], jvm.values(data.metro.unemployment));
$('.map').vectorMap({
map: 'us_aea_en',
markers: data.metro.coords,
series: {
markers: [{
attribute: 'fill',
scale: ['#FEE5D9', '#A50F15'],
values: data.metro.unemployment[val],
min: jvm.min(metroUnemplValues),
max: jvm.max(metroUnemplValues)
},{
attribute: 'r',
scale: [5, 20],
values: data.metro.population[val],
min: jvm.min(metroPopValues),
max: jvm.max(metroPopValues)
}],
regions: [{
scale: ['#DEEBF7', '#08519C'],
attribute: 'fill',
values: data.states[val],
min: jvm.min(statesValues),
max: jvm.max(statesValues)
}]
},
onMarkerLabelShow: function(event, label, index){
label.html(
'<b>'+data.metro.names[index]+'</b><br/>'+
'<b>Population: </b>'+data.metro.population[val][index]+'</br>'+
'<b>Unemployment rate: </b>'+data.metro.unemployment[val][index]+'%'
);
},
onRegionLabelShow: function(event, label, code){
label.html(
'<b>'+label.html()+'</b></br>'+
'<b>Unemployment rate: </b>'+data.states[val][code]+'%'
);
}
});
var mapObject = $('.map').vectorMap('get', 'mapObject');
$(".slider").slider({
value: val,
min: 2005,
max: 2009,
step: 1,
slide: function( event, ui ) {
val = ui.value;
mapObject.series.regions[0].setValues(data.states[ui.value]);
mapObject.series.markers[0].setValues(data.metro.unemployment[ui.value]);
mapObject.series.markers[1].setValues(data.metro.population[ui.value]);
}
});
});
})
</script>
</head>
<body>
<div class="map" style="width: 800px; height: 600px"></div>
<div class="slider" style="width: 280px; margin: 10px"></div>
</body>
</html>
最佳答案
我遇到了完全相同的问题。问题是您下载的 ZIP 文件会将您重定向到
<script src="../jquery-jvectormap.js"></script>
实际上是一个调用 JVM 的 JS 文件，而不是实际的 JVM 库(这就是您收到“JVM 未定义”错误的原因。
我修复它的方法是拿文件
http://jvectormap.com/js/jquery-jvectormap-1.2.2.min.js
并将其包含在我的项目中。
这是实际的 JVM 库，因此只要在您进行任何 .vectorMap 调用之前包含它，它就会非常适合您。
关于javascript - jVectorMap 错误 : "jvm is not defined"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14316285/
27
4
0
我正在更新我们的应用程序以使用 jVectorMap 而不是 Flash。有些 map 需要将国家/地区涂上不同的颜色。创建起来非常简单。 var myData = {
我想请查看我的来源。 我有问题:我需要更改国家/地区颜色，但颜色:...功能对我不起作用。 map 为白色，颜色不变。 请回答。 谢谢! jQuery.noConflict(); jQuery(fu
我正在尝试验证是否可以使用 jvectormap 在 map 上的标记之间绘制线条。 这是我想要实现的目标:http://i.imgur.com/p1Zypv3.gif 有人可以给我一个提示是否可行，
我正在使用 J Vector Map ( http://jvectormap.com/documentation/javascript-api/ ) 创建美国 map 。 我想要做的是为每个州提供一个
我正在使用 jVectorMap 插件将 map 添加到网站。这是我在页面加载时添加标记的 map 。有没有办法动态地做到这一点？我需要通过鼠标单击添加它们。我使用 jVectorMap 插件
与 jVectorMap是否可以隐藏缩放按钮并使用 API 调用放大/缩小？我查过the API documentation并且找不到任何方法，导致 map 重新缩放。 最佳答案 当然。 隐藏按钮:
我正在使用 JVectorMap 显示带有彩色国家/地区的 map 。该 map 还包括一个图例和一个 onRegionTipShow。在我的应用程序中，可以更改 map 所基于的值。执行此操作后，应
所以我想根据我将鼠标放在的国家/地区在我的 Jvectormap 标签上添加图像。我已经设法做到了，但问题是，或者它总是同一张图片，或者我在 map 上的所有其他标签上看到“图像未找到”图标。这是我最
我正在尝试删除笔划并悬停在 jVector map 上的区域 - http://jvectormap.com/ 这是我在js中调用的代码: $(function(){ var markers
jVectorMaps 中是否可以定义可以选择的静态区域？ 我只需要定义允许用户选择的 6 个区域。 棘手的部分是，我需要将欧洲、亚洲和世界作为一个地区以及“波兰”和“加拿大”。 如果用户选择波兰，则
当我从外部链接中选择一个区域时，我需要显示一个 HTML 标签。我可以使用以下方法选择区域:map.setSelectedRegions([region]) 但这不显示区域标签。 谁能帮我解决这个问题
我似乎找不到他的插件的任何支持论坛... 我有一个按钮，我想在点击时关注欧洲。 例如，我可以专注于区域，目前我有 $('#map1').vectorMap('set', 'focu
我正在使用 jVectorMap 通过着色显示国家/地区值(即，国家/地区根据其值使用不同的颜色)。一切正常，除非某些国家/地区包含在数据集中。然后这些国家并没有像他们应该的那样被着色(事实上，它们根
我正在使用 http://jvectormap.com/对于在内部使用 webview 的 iOS 应用程序。我的问题是当我在世界地图上触摸一个国家时会出现黑色闪烁。 您甚至可以在 iPad 或 iP
我想为 JVectorMap 插件设置单个区域和悬停颜色，并将没有数据的区域保留为默认白色。 到目前为止，我已经删除了比例数据并用颜色代码替换它(如下面的代码所示)。这太棒了，但我不知道如何添加悬停数
我正在尝试显示我在 map 上突出显示的唯一区域的标签。 这是代码: var map = $('#map').vectorMap({ regionsSelectable: true,
我有Australia的jvectormap 。单击 map 中的特定州时，它应该缩小同一 map 中的该特定州。有没有办法在不使用多 map 的情况下实现这一点。 最佳答案 是的，当然 - 你的意思
我有一张从 SVG 文件转换而来的 map ，现在我想在该 map 上的光标位置添加标记。但标记位置错误，且不遵循任何规则，无法正确监控和修改。 从这个例子:http://jvectormap.com
我有一个使用以下代码创建的 jVectorMap var vmap = $('#world-map').vectorMap({ regionsSelectable: true, reg
我如何设计这样的“world_mill_en” map ？ 我知道如何做标记，只需指定经度和纬度即可。我将如何摆脱各大洲之间的所有分界线，并更改填充以使其只是一堆灰点？据我所知，该 api 只允许您将
我是一名优秀的程序员,十分优秀！