随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理抚顺市清原满族自治县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
清原满族自治县隶属于辽宁省抚顺市，地处辽宁省东部山区，与吉林省梅河口市接壤，是辽宁省的东大门，属于两省四市七县交界地带，东与吉林省东丰县、梅河口市、柳河县毗邻，南与新宾满族自治县接壤，西与抚顺县、铁岭县交界，北与铁岭市西丰县、开原市相连 ，地理坐标为东经124°20′06″—125°28′58″，北纬41°47′52″—42°28′25″，全县总面积为3932.96平方公里。
echarts抚顺市清原满族自治县geoJson地图迁徙图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts抚顺市清原满族自治县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts抚顺市清原满族自治县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs抚顺市清原满族自治县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频教程 Three.js视频教程3D可视化
threejs抚顺市清原满族自治县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs抚顺市清原满族自治县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
抚顺市清原满族自治县 下辖有 大苏河乡,清原镇,草市镇,北三家乡,南口前镇,南山城镇,土口子乡,夏家堡镇,大孤家镇,敖家堡乡,枸乃甸乡,湾甸子镇,红透山镇,英额门镇
抚顺市清原满族自治县下辖区域坐标
{"大苏河乡":[124.91002212876614,41.92154219681412],"清原镇":[124.92559762327141,42.09847181127404],"草市镇":[125.20436256667388,42.25668001056136],"北三家乡":[124.68043531951142,42.09177299113954],"南口前镇":[124.65857554720739,41.99252353313693],"南山城镇":[125.28542168924344,42.087597513661],"土口子乡":[125.08911646999232,42.36358256054844],"夏家堡镇":[124.6940659837567,42.25121755066726],"大孤家镇":[124.88582081071125,42.34207139545708],"敖家堡乡":[124.76432741686838,41.89088422728938],"枸乃甸乡":[124.87196706451758,42.19474173067695],"湾甸子镇":[125.13275175933383,41.95660781176646],"红透山镇":[124.4581671814914,41.97838553560403],"英额门镇":[125.08116739594152,42.17289898767289]}
抚顺市清原满族自治县行政划分代码
[{"name":"大苏河乡","code":"210423207000"},{"name":"清原镇","code":"210423100000"},{"name":"草市镇","code":"210423103000"},{"name":"北三家乡","code":""},{"name":"南口前镇","code":"210423105000"},{"name":"南山城镇","code":"210423106000"},{"name":"土口子乡","code":"210423203000"},{"name":"夏家堡镇","code":"210423109000"},{"name":"大孤家镇","code":"210423108000"},{"name":"敖家堡乡","code":"210423206000"},{"name":"枸乃甸乡","code":"210423208000"},{"name":"湾甸子镇","code":"210423107000"},{"name":"红透山镇","code":"210423101000"},{"name":"英额门镇","code":"210423104000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
