echarts茂名市化州市geoJson地图地图排行榜效果代码演示

echarts yekong 585℃

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

化州市,广东省 辖县级市,由 茂名市 代管,位于广东省西南部,鉴江中游,总面积2354.2平方千米 ,是广东省直管县财政改革试点。2021年,化州市户籍人口181.12万人,常住人口130.08万人。 化州市古称石龙,因盛产化橘红而被命名为“中国化橘红之乡”,素有橘乡、橘城、橘州之美誉。其地形狭长,状若坐狮。

echarts茂名市化州市geoJson地图地图排行榜效果

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

echarts茂名市化州市geoJson地图地图排行榜效果

echarts茂名市化州市geoJson地图全局颜色渐变

echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果

echarts茂名市化州市geoJson地图全局颜色渐变

echarts茂名市化州市geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts茂名市化州市geoJson地图点击地图插小旗

threejs茂名市化州市geoJson地图3d地图添加描边效果

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

threejs茂名市化州市geoJson地图3d地图添加描边效果

threejs茂名市化州市geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放,如果想系统的学习threejs的话,可以观看threejs视频 WebGL/Three.js前端3D可视化教程

threejs茂名市化州市geoJson地图3d地图css2d标签

threejs茂名市化州市geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js前端3D可视化教程

threejs茂名市化州市geoJson地图3d地图添加旋转棱锥

茂名市化州市下辖有播扬镇,林尘镇,东山街道,江湖镇,长岐镇,南盛街道,官桥镇,那务镇,丽岗镇,合江镇,宝圩镇,下郭街道,和平农场,河西街道,鉴江开发区,石湾街道,红峰农场,红阳农场,笪桥镇,中垌镇,同庆镇,平定镇,文楼镇,新安镇,杨梅镇,石滩农场,新时代农场,良光镇,建设农场,新华农场

茂名市化州市下辖区域坐标

{"播扬镇":[110.56027001409501,22.12772833669797],"林尘镇":[110.585878215116,21.82803556426891],"东山街道":[110.66006937868585,21.62734956586704],"江湖镇":[110.61259792888427,21.88835890973058],"长岐镇":[110.71567268256925,21.51247588345485],"南盛街道":[110.69933500195087,21.71018907186738],"官桥镇":[110.50897506353083,21.73383105391174],"那务镇":[110.58285312008255,22.02857318368861],"丽岗镇":[110.6290420334497,21.75825198786782],"合江镇":[110.52574970189795,21.94396979873926],"宝圩镇":[110.65471293958836,22.13605838299979],"下郭街道":[110.60785157103292,21.61616923764171],"和平农场":[110.51038325750372,22.11401008646111],"河西街道":[110.59170540027726,21.67229295176908],"鉴江开发区":[110.68692432149652,21.67902715966449],"石湾街道":[110.53520876021442,21.69033311349292],"红峰农场":[110.53645746800174,22.1797820537442],"红阳农场":[110.53646143173023,22.13569829472309],"笪桥镇":[110.47103316090403,21.57652547895876],"中垌镇":[110.43129723809344,21.84193609041603],"同庆镇":[110.69761329883627,21.61330602298278],"平定镇":[110.43103012305816,22.05040060417983],"文楼镇":[110.40408794703869,22.13619131071213],"新安镇":[110.42444237846192,21.6750812955715],"杨梅镇":[110.61748148488121,21.53900590166685],"石滩农场":[110.53549655178534,22.14091349262957],"新时代农场":[110.5213179586684,22.14866389107917],"良光镇":[110.48168843819515,21.45453699047975],"建设农场":[110.5168252144052,22.14921545622145],"新华农场":[110.5028991501909,22.13867147293523]}

说明

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

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

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

茂名市化州市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts茂名市化州市geoJson地图地图排行榜效果代码演示