可视化大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是白山市临江市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts白山市临江市geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts白山市临江市geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts白山市临江市geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs白山市临江市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs视频教程 Three.js前端3D可视化
threejs白山市临江市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs白山市临江市geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
白山市临江市 下辖有 桦树镇,花山镇,闹枝镇,六道沟镇,四道沟镇,苇沙河镇,蚂蚁河乡,临江经济开发区,兴隆街道,大湖街道,建国街道,新市街道,森工街道,大栗子街道,临江硅藻土工业集中区
白山市临江市下辖区域坐标
{"桦树镇":[127.48159509326265,41.87546608745275],"花山镇":[126.80207941983429,41.90753487303508],"闹枝镇":[127.02227473411243,41.92329375430131],"六道沟镇":[127.43065088268217,41.62650443155815],"四道沟镇":[127.18290260054916,41.74485938556734],"苇沙河镇":[126.67801747132984,41.7686253984915],"蚂蚁河乡":[127.1820005848587,41.85896085159824],"临江经济开发区":[126.90480380746763,41.7990632786538],"兴隆街道":[126.93643682766714,41.82334585610472],"大湖街道":[126.98331029688707,41.79839720891674],"建国街道":[126.90969481173863,41.84270085033221],"新市街道":[126.85755898001592,41.80229609587936],"森工街道":[126.96568197796458,41.84638986123502],"大栗子街道":[126.81868519980875,41.75693652589726],"临江硅藻土工业集中区":[127.18787590478652,41.60155838292773]}
白山市临江市行政划分代码
[{"name":"桦树镇","code":"220681100000"},{"name":"花山镇","code":"220681103000"},{"name":"闹枝镇","code":"220681104000"},{"name":"六道沟镇","code":"220681101000"},{"name":"四道沟镇","code":"220681105000"},{"name":"苇沙河镇","code":"220681102000"},{"name":"蚂蚁河乡","code":"220681200000"},{"name":"临江经济开发区","code":""},{"name":"兴隆街道","code":"220681003000"},{"name":"大湖街道","code":"220681004000"},{"name":"建国街道","code":"220681001000"},{"name":"新市街道","code":"220681002000"},{"name":"森工街道","code":"220681005000"},{"name":"大栗子街道","code":"220681006000"},{"name":"临江硅藻土工业集中区","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
