ECharts3 怎么加载 china.js 地图

 我来答
地心毁灭7
2018-04-11 · TA获得超过2398个赞
知道小有建树答主
回答量:5
采纳率:73%
帮助的人:868
展开全部

echarts3加载map的方式和2不一样了,你必须得先注册地图才行,

“`js$.getJSON(‘./china.json’, function (data) { echarts.registerMap(‘china’

, data); var chart = echarts.init(document.getElementById(‘map’)); chart.setOp

tion({ series: [{ type: ‘map’, map: ‘china’ }] }); });“`

类似这样,你需要下载中国的地理矢量数据geojson

echarts3与echarts2区别:

1、js文件:

首先是js文件,echarts3做了很大的优化,在echarts2中,对各种控件的类库管理的较为详

细,有专门的目录结构来存放相关的js文件及相关资源,但是在引入文件的时候往往会很不

方便,可能会一不小心就漏掉一个文件,而echarts3可以根据需要在下载项下直接根据所需

的功能构架类库,使用时只要导入一个echarts.min.js文件就可以;

2、文件导入:

在echarts2中,require是作为模块化加载的入口,在使用过程中关于路径配置经常会出现

问题,特别是制作地图的时候,而在echarts3中只需要在开头加一句[html] view plain copy

<script src="js/echarts.js"></script>  接下去只要调用接口就可以了;

    3、离线地图:

    echarts2中离线地图的精确度存在很大的问题,特别是下钻到区县一级,边界线存在

    模糊、交叉、空白等问题,并且经常出现飞地,与实际地图出入较大,个人认为基本没

    什么用,在echarts3中对此做了很大的改进,基本解决了以上问题,市与市之间、区县

    与区县之间基本上不存在衔接问题;另外,在echarts3中可以根据需要自主构建地图,

    这个服务给实际使用提供了很大的便利;

    4、工具栏:

    在echarts3的toolbox里面把辅助线功能取消掉了,图标变小了,总体上感觉echarts3

    里面的toolbox更丑了;

    5、地图漫游工具:

    在echarts3里面把地图漫游工具取消掉了,说实话,echarts2里面的地图漫游工具看着

    还是挺不错的,虽然并没有什么用;

    6、坐标系:

    echarts3中,数据结构进行了统一化抽象,最常用的数据结构有:线性表、树、图。例

    如,线性表以及树、图的节点列表的结构可以归一化为这样的二维数组;echarts3中另

    一个重要的数据结构抽象是独立出了“坐标系”概念;事实上在 ECharts2 中已经有

    grid、polar配置项存在,但是并不是按一个“坐标系”的理解去实现的;echarts3中,

    支持了直角坐标系(catesian,兼容 echarts2中的grid)、极坐标系(polar)、地理

    坐标系(geo);

    7、Option变动:

    1)组件位置想x、y等变成了left、top,可以使用像素和百分比,适应性更强。

    2)为了让结构更合理,echarts3中label被移出来和itemStyle平级。

    根据官方说法,在echarts3中以前的用法也是兼容的,只是不推荐。

参考资料

echarts3与echarts2区别.CSDN[引用时间2018-1-22]

百度网友a092f8e
2017-04-14 · TA获得超过363个赞
知道答主
回答量:28
采纳率:0%
帮助的人:12.3万
展开全部
导入js文件,创建china地图所在区域,看那段jq或者js根据什么获取这个区域,是id还是什么
是id jq就用$("#")。js就用document.getElementById()
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
舜灬丿续殇
2017-04-14 · TA获得超过355个赞
知道小有建树答主
回答量:534
采纳率:38%
帮助的人:114万
展开全部
http://echarts.baidu.com/download-map.html
查看这个网址你就知道怎么加载地图了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式