可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理赣州市于都县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts赣州市于都县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts赣州市于都县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts赣州市于都县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs赣州市于都县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs视频教程 3D可视化Three.js视频教程
threejs赣州市于都县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
赣州市于都县 下辖有 于都工业园,银坑镇,靖石乡,桥头乡,梓山镇,段屋乡,沙心乡,禾丰镇,罗坳镇,罗江乡,葛坳乡,贡江镇,车溪乡,马安乡,黄麟乡,盘古山镇,祁禄山镇,铁山垅镇,仙下乡,利村乡,宽田乡,小溪乡,岭背镇,新陂乡
赣州市于都县下辖区域坐标
{"于都工业园":[115.38264613026011,25.95378554933126],"银坑镇":[115.65353956766634,26.21410544608121],"靖石乡":[115.5015436476223,25.67539187681405],"桥头乡":[115.59596398454514,26.2722982393731],"梓山镇":[115.52652911259054,25.93785469342603],"段屋乡":[115.59798260927529,26.01497489416253],"沙心乡":[115.77400344741906,26.00000040932494],"禾丰镇":[115.49223348741045,25.81195842272398],"罗坳镇":[115.27684208048728,25.95492870989515],"罗江乡":[115.27311889357522,25.8519255527349],"葛坳乡":[115.73302773826276,26.23908290918693],"贡江镇":[115.4024621940554,25.97252430391215],"车溪乡":[115.57011264697275,26.07620672831431],"马安乡":[115.5546164330603,26.2231991127836],"黄麟乡":[115.63568632710191,25.8811639870092],"盘古山镇":[115.42456619979397,25.63741758439036],"祁禄山镇":[115.2886074570912,25.6642368177327],"铁山垅镇":[115.5356353560184,25.72994998538346],"仙下乡":[115.56681229913409,26.1427819875012],"利村乡":[115.41896639402813,25.81713195619242],"宽田乡":[115.68274583402291,26.02028457665129],"小溪乡":[115.33138487804001,25.75854517281952],"岭背镇":[115.4595180968681,26.0565044122617],"新陂乡":[115.3396553510706,25.86523589951814]}
赣州市于都县行政划分代码
[{"name":"于都工业园","code":"360731400000"},{"name":"银坑镇","code":"360731106000"},{"name":"靖石乡","code":"360731204000"},{"name":"桥头乡","code":"360731209000"},{"name":"梓山镇","code":"360731105000"},{"name":"段屋乡","code":"360731213000"},{"name":"沙心乡","code":"360731206000"},{"name":"禾丰镇","code":"360731103000"},{"name":"罗坳镇","code":"360731108000"},{"name":"罗江乡","code":"360731200000"},{"name":"葛坳乡","code":"360731208000"},{"name":"贡江镇","code":"360731100000"},{"name":"车溪乡","code":"360731212000"},{"name":"马安乡","code":"360731210000"},{"name":"黄麟乡","code":"360731205000"},{"name":"盘古山镇","code":"360731102000"},{"name":"祁禄山镇","code":"360731104000"},{"name":"铁山垅镇","code":"360731101000"},{"name":"仙下乡","code":"360731211000"},{"name":"利村乡","code":"360731202000"},{"name":"宽田乡","code":"360731207000"},{"name":"小溪乡","code":"360731201000"},{"name":"岭背镇","code":"360731107000"},{"name":"新陂乡","code":"360731203000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
