echarts辽源市东丰县geoJson地图 visualMap控制地图颜色实例代码

geoJson2 yekong

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

echarts辽源市东丰县geoJson地图 visualMap控制地图颜色

echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化

echarts辽源市东丰县geoJson地图 visualMap控制地图颜色

echarts辽源市东丰县geoJson地图点击跳转到指定页面

为图标添加点击事件,点击图标,跳转到指定页面

echarts辽源市东丰县geoJson地图点击跳转到指定页面

echarts辽源市东丰县geoJson地图局部颜色渐变

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果

echarts辽源市东丰县geoJson地图局部颜色渐变

threejs辽源市东丰县geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话,可以观看threejs视频课程 WebGL/Three.js前端高薪3D可视化

threejs辽源市东丰县geoJson地图3d地图添加描边效果

threejs辽源市东丰县geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图

threejs辽源市东丰县geoJson地图3d地图自定义贴图加CSS3D标签

threejs辽源市东丰县geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名

threejs辽源市东丰县geoJson地图3d地图css2d标签

辽源市东丰县 下辖有 大兴镇,大阳镇,沙河镇,黄河镇,小四平镇,杨木林镇,横道河镇,那丹伯镇,三合满族朝鲜族乡,东丰镇,猴石镇,南屯基镇,拉拉河镇,二龙山乡

辽源市东丰县下辖区域坐标

{"大兴镇":[125.42098604775691,42.75302210530519],"大阳镇":[125.46027447108537,42.47466960963518],"沙河镇":[125.64267935649764,42.99959581419309],"黄河镇":[125.63223761352742,42.88270608369653],"小四平镇":[125.19945298589136,42.51657669546405],"杨木林镇":[125.14035130294874,42.62757445524534],"横道河镇":[125.27429578115022,42.39134290744119],"那丹伯镇":[125.46832311185467,43.13071982837984],"三合满族朝鲜族乡":[125.62121193124317,42.59691945324432],"东丰镇":[125.55305462411923,42.6982349853385],"猴石镇":[125.28346264922641,42.62802134027916],"南屯基镇":[125.40992511944572,42.59781054234174],"拉拉河镇":[125.38065809345503,42.67742908686255],"二龙山乡":[125.66315355639028,42.80141286775864]}

辽源市东丰县行政划分代码

[{"name":"大兴镇","code":"220421111000"},{"name":"大阳镇","code":"220421101000"},{"name":"沙河镇","code":"220421109000"},{"name":"黄河镇","code":"220421107000"},{"name":"小四平镇","code":"220421106000"},{"name":"杨木林镇","code":"220421105000"},{"name":"横道河镇","code":"220421102000"},{"name":"那丹伯镇","code":"220421103000"},{"name":"三合满族朝鲜族乡","code":"220421200000"},{"name":"东丰镇","code":"220421100000"},{"name":"猴石镇","code":"220421104000"},{"name":"南屯基镇","code":"220421110000"},{"name":"拉拉河镇","code":"220421108000"},{"name":"二龙山乡","code":"220421201000"}]

说明

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

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

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

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看

辽源市东丰县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts辽源市东丰县geoJson地图 visualMap控制地图颜色实例代码