有没有一种方法,使组合的地图,可以使用"drill-down"行为对一些地区和"select"行为其他的领域?JVectorMap:向下钻取定制区
2
A
回答
0
我相信,你的要求也可以用一些由jVectorMap提供的标准功能来实现。在下面的示例中,可以选择除德克萨斯州以外的所有美国地区,从而仅针对US-TX执行常规多地图下钻。
$(document).ready(function() {
new jvm.MultiMap({
container: $('#map'),
maxLevel: 1,
main: {
map: 'us_lcc',
regionsSelectable: true,
regionStyle: {
selected: {
fill: 'green'
}
},
onRegionClick: function(event, code) {
if(code == "US-TX") {
return false;
} else {
event.stopImmediatePropagation();
}
}
}
});
});
说明:
作为文档说here,所述多重映射对象的主地图可以被配置的方式为“正常”的地图相同。
在多图onRegionClick
处理程序中,可以通过返回false
来避免区域选择,并且可以通过调用stopImmediatePropagation()
来停止向下钻取。我使用jVectorMap 2.0.2版测试了这个代码片段,但它也可以与最新版本一起使用。
顺便说一句,感谢bjornd伟大的jVectorMap。
0
没有任何标准行为来达到此目的。
要处理这个问题,我不得不修改MultiMap
文件。在addMap
函数中,您可以添加 硬编码检查区域代码或将其添加到配置并通过或拒绝钻取。
相关问题
- 1. 微观策略中向下钻取,钻取和钻取的区别
- 2. 使用按钮钻取/向下钻取
- 3. 向下钻取NVD3.js制图库
- 4. Highcharts:列向下钻取:JSON
- 5. 向下钻取Fusioncharts PHP类
- 6. 向下钻取,UITableView和GridView
- 7. Highcharts 3级向下钻取
- 8. 使XML向下钻取
- 9. Highcharts向下钻取n级
- 10. Highchart列不向下钻取
- 11. jvectormap - 定义可选区域
- 12. Highcharts异步多级向下钻取
- 13. jQuery。每个维度向下钻取
- 14. 参数化向下钻取Gridview
- 15. 无法出口Highchart.js向下钻取后
- 16. 向下钻取laravel雄辩关系
- 17. 从NavigationDrawer向下钻取导航
- 18. 创建向下钻取详细的UITableView
- 19. HighCharts向下钻取不起作用
- 20. HighCharts:列分组向下钻取
- 21. 向下钻取热图图表
- 22. 对于TableViewController和向下钻取UI
- 23. JasperReports:Ad Hoc,向下钻取报告?
- 24. Hightchart:使用Columrange进行向下钻取
- 25. iPhone向下钻取教程建议
- 26. LINQ包括扩展 - 向下钻取
- 27. jsf饼图与向下钻取
- 28. 用UITableView向下钻取分层数据
- 29. 使用Highchart Treemaps(向下钻取)
- 30. HighCharts:向下钻取动态数据
很酷的建议。我试图用'stopPropagation'来停止事件,但它不起作用,所以你的解决方案非常清晰和简单,谢谢你。 – Iworb