数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理湘西土家族苗族自治州永顺县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts湘西土家族苗族自治州永顺县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts湘西土家族苗族自治州永顺县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts湘西土家族苗族自治州永顺县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
threejs湘西土家族苗族自治州永顺县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js 3D可视化
threejs湘西土家族苗族自治州永顺县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs湘西土家族苗族自治州永顺县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
湘西土家族苗族自治州永顺县 下辖有 石堤镇,两岔乡,万民乡,泽家镇,塔卧镇,灵溪镇,对山乡,小溪镇,朗溪乡,毛坝乡,永茂镇,润雅乡,盐井乡,砂坝镇,西歧乡,车坪乡,颗砂乡,首车镇,高坪乡,万坪镇,松柏镇,芙蓉镇,青坪镇
湘西土家族苗族自治州永顺县下辖区域坐标
{"石堤镇":[110.07816239206343,29.0524923895785],"两岔乡":[109.7211298802765,29.18352973073814],"万民乡":[109.85756198978584,29.36509001899926],"泽家镇":[109.79687361993496,28.81348917472113],"塔卧镇":[109.94709083187557,29.19048764267791],"灵溪镇":[109.84078403873741,28.97491538138582],"对山乡":[109.65939995840586,28.90570434879894],"小溪镇":[110.19006746328574,28.83527414340081],"朗溪乡":[110.31613104109576,28.90105622757266],"毛坝乡":[109.9025853754334,29.29321502425342],"永茂镇":[110.27176312891547,28.99796985226579],"润雅乡":[110.16443443749148,29.11071572274489],"盐井乡":[109.7410553779217,29.24088605362677],"砂坝镇":[110.01828826982356,29.26288525895708],"西歧乡":[109.6820666452071,29.00467310025148],"车坪乡":[110.01579062338992,29.14652520643604],"颗砂乡":[109.91270373266079,29.12202939751377],"首车镇":[109.71506753381067,29.08874434322175],"高坪乡":[109.95852466345195,28.87493640592968],"万坪镇":[109.8217108428735,29.20510196454665],"松柏镇":[110.10314440017052,28.89680541860645],"芙蓉镇":[109.95462856157664,28.78985910066741],"青坪镇":[110.22289733787785,29.03177545418091]}
湘西土家族苗族自治州永顺县行政划分代码
[{"name":"石堤镇","code":"433127112000"},{"name":"两岔乡","code":"433127200000"},{"name":"万民乡","code":"433127229000"},{"name":"泽家镇","code":"433127118000"},{"name":"塔卧镇","code":"433127114000"},{"name":"灵溪镇","code":"433127116000"},{"name":"对山乡","code":"433127203000"},{"name":"小溪镇","code":"433127108000"},{"name":"朗溪乡","code":"433127216000"},{"name":"毛坝乡","code":"433127228000"},{"name":"永茂镇","code":"433127104000"},{"name":"润雅乡","code":"433127220000"},{"name":"盐井乡","code":"433127230000"},{"name":"砂坝镇","code":"433127115000"},{"name":"西歧乡","code":"433127202000"},{"name":"车坪乡","code":"433127222000"},{"name":"颗砂乡","code":"433127238000"},{"name":"首车镇","code":"433127101000"},{"name":"高坪乡","code":"433127210000"},{"name":"万坪镇","code":"433127113000"},{"name":"松柏镇","code":"433127117000"},{"name":"芙蓉镇","code":"433127103000"},{"name":"青坪镇","code":"433127109000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看