echarts南昌市南昌县geoJson地图全局颜色渐变实例

geoJson2 yekong

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

echarts南昌市南昌县geoJson地图全局颜色渐变

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

echarts南昌市南昌县geoJson地图全局颜色渐变

echarts南昌市南昌县geoJson地图3d地图实例旋转动画

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

echarts南昌市南昌县geoJson地图3d地图实例旋转动画

echarts南昌市南昌县geoJson地图自定义label样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts南昌市南昌县geoJson地图自定义label样式

threejs南昌市南昌县geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs课程视频 3D可视化Three.js视频教程

threejs南昌市南昌县geoJson地图3d地图自定义贴图加CSS2D标签

threejs南昌市南昌县geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs南昌市南昌县geoJson地图3d地图CSS2D外加旋转棱锥

threejs南昌市南昌县geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs南昌市南昌县geoJson地图3d地图鼠标移入显示标签并高亮

南昌市南昌县 下辖有 三江镇,东新乡,八一乡,冈上镇,南新乡,塘南镇,广福镇,莲塘镇,蒋巷镇,麻丘镇,南昌市五星垦殖场,江西省良种繁殖场,南昌县银三角管理委员会,向塘镇,富山乡,幽兰镇,昌东镇,武阳镇,泾口乡,黄马乡,小蓝经济开发区,塔城乡

南昌市南昌县下辖区域坐标

{"三江镇":[115.97067655569901,28.3180456026171],"东新乡":[115.85104974739751,28.57483730739903],"八一乡":[115.96914177453445,28.55856414551576],"冈上镇":[115.87175138407522,28.42167564575713],"南新乡":[116.06172452544808,28.8446654541614],"塘南镇":[116.18192919344426,28.69090438962962],"广福镇":[115.90856111365225,28.34056384480844],"莲塘镇":[115.92994699723059,28.55955583616846],"蒋巷镇":[116.11220733963764,28.84570905741454],"麻丘镇":[116.06826816308275,28.65900414224611],"南昌市五星垦殖场":[116.25086300123579,28.76669941775788],"江西省良种繁殖场":[115.94474881889751,28.50974188123963],"南昌县银三角管理委员会":[115.95298027111467,28.52706160125453],"向塘镇":[115.96627569169746,28.44694900585706],"富山乡":[115.85327710483264,28.50417651726557],"幽兰镇":[116.13049205709419,28.58235006014267],"昌东镇":[116.10309283888293,28.72636246564934],"武阳镇":[116.03950268802836,28.53116691454505],"泾口乡":[116.22150085274211,28.66025999323485],"黄马乡":[116.02546289588003,28.33213469448141],"小蓝经济开发区":[115.88043768001317,28.54324117479888],"塔城乡":[116.10416583574687,28.5016504570223]}

南昌市南昌县行政划分代码

[{"name":"三江镇","code":"360121102000"},{"name":"东新乡","code":"360121205000"},{"name":"八一乡","code":"360121206000"},{"name":"冈上镇","code":"360121107000"},{"name":"南新乡","code":"360121201000"},{"name":"塘南镇","code":"360121103000"},{"name":"广福镇","code":"360121108000"},{"name":"莲塘镇","code":"360121100000"},{"name":"蒋巷镇","code":"360121105000"},{"name":"麻丘镇","code":"360121192000"},{"name":"南昌市五星垦殖场","code":""},{"name":"江西省良种繁殖场","code":"360121572000"},{"name":"南昌县银三角管理委员会","code":"360121471000"},{"name":"向塘镇","code":"360121101000"},{"name":"富山乡","code":"360121204000"},{"name":"幽兰镇","code":"360121104000"},{"name":"昌东镇","code":"360121191000"},{"name":"武阳镇","code":"360121106000"},{"name":"泾口乡","code":"360121200000"},{"name":"黄马乡","code":"360121203000"},{"name":"小蓝经济开发区","code":"360121403000"},{"name":"塔城乡","code":"360121202000"}]

说明

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

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

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

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

南昌市南昌县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts南昌市南昌县geoJson地图全局颜色渐变实例