今日主要完成了世界地图的下砖部分,但是由于疫情数据只有世界各国与中国及中国各省市,
所以从世界地图中只有中国能下钻,采用的方法也很简单。
就是当点击世界地图的中国时,调用绘制中国地图的方法,然后添加一个返回世界地图的按钮,
点击后返回世界地图。
function onclick_world(){ myChart.on('click',function(params){ if(params.name=="China"){ china_map();//绘制中国地图 } }) }
$('<div class="back_world">返回世界地图</div>').appendTo( $('#map') ); $('.back_world').css({ 'position': 'absolute', 'right': '17px', 'top': '10px', 'color': 'rgb(222,222,222)', 'font-size': '15px', 'cursor': 'pointer', 'z-index': '100' }) $('.back_world').click(function() { world_map();//绘制世界地图 get_all_world_data();//获取世界地图的数据 onclick_world() });