echarts伊犁哈萨克自治州新源县geoJson地图定义颜色效果

geoJson2 yekong 39℃

数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理伊犁哈萨克自治州新源县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

新源县,隶属新疆维吾尔自治区伊犁哈萨克自治州,位于伊犁河谷东端,东南与和静县相接,西南与巩留县相连,北与尼勒克县相邻。全县总面积7581平方千米,下辖9个镇、2个乡,2个国有农牧场。 2019年末,新源县辖区总户数9.14万户,户籍人口为31.47万人。

echarts伊犁哈萨克自治州新源县geoJson地图定义颜色

echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.

echarts伊犁哈萨克自治州新源县geoJson地图定义颜色

echarts伊犁哈萨克自治州新源县geoJson地图地图排行榜效果

echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果

echarts伊犁哈萨克自治州新源县geoJson地图地图排行榜效果

echarts伊犁哈萨克自治州新源县geoJson地图3d地图实例旋转动画

使用的是echarts-gl结合echarts实现的3d地图效果实例

echarts伊犁哈萨克自治州新源县geoJson地图3d地图实例旋转动画

threejs伊犁哈萨克自治州新源县geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js前端3D可视化教程

threejs伊犁哈萨克自治州新源县geoJson地图3d地图CSS3D标签

threejs伊犁哈萨克自治州新源县geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs伊犁哈萨克自治州新源县geoJson地图3d地图指定区域闪烁

threejs伊犁哈萨克自治州新源县geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs伊犁哈萨克自治州新源县geoJson地图3d地图添加描边效果

伊犁哈萨克自治州新源县 下辖有 兵团七十二团,肖尔布拉克镇,阿热勒托别镇,坎苏乡,新源镇,别斯托别乡,种羊场,公安农场,则克台镇,吐尔根乡,塔勒德镇,喀拉布拉镇,兵团七十一团,阿勒玛勒乡,那拉提镇

伊犁哈萨克自治州新源县下辖区域坐标

{"兵团七十二团":[],"肖尔布拉克镇":[82.8446289715589,43.42443449161363],"阿热勒托别镇":[83.71870514395513,43.48973629649937],"坎苏乡":[83.90088936948848,43.44696167435647],"新源镇":[83.25050853170968,43.35319662835303],"别斯托别乡":[83.29646898994974,43.40358793349959],"种羊场":[82.63066693898364,43.5276995215079],"公安农场":[82.7373871460094,43.44811094562768],"则克台镇":[83.21310582170955,43.5857152781166],"吐尔根乡":[83.50552967732331,43.55942559511722],"塔勒德镇":[83.01139084107561,43.35667653837752],"喀拉布拉镇":[82.678075187572,43.37378245487559],"兵团七十一团":[],"阿勒玛勒乡":[83.52660979349076,43.27045268151212],"那拉提镇":[84.26647604531182,43.31773782444492]}

伊犁哈萨克自治州新源县行政划分代码

[{"name":"兵团七十二团","code":"654025512000"},{"name":"肖尔布拉克镇","code":"654025105000"},{"name":"阿热勒托别镇","code":"654025102000"},{"name":"坎苏乡","code":""},{"name":"新源镇","code":"654025100000"},{"name":"别斯托别乡","code":"654025200000"},{"name":"种羊场","code":"654025400000"},{"name":"公安农场","code":"654025403000"},{"name":"则克台镇","code":"654025101000"},{"name":"吐尔根乡","code":"654025204000"},{"name":"塔勒德镇","code":"654025103000"},{"name":"喀拉布拉镇","code":"654025106000"},{"name":"兵团七十一团","code":"654025511000"},{"name":"阿勒玛勒乡","code":""},{"name":"那拉提镇","code":"654025104000"}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

伊犁哈萨克自治州新源县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts伊犁哈萨克自治州新源县geoJson地图定义颜色效果