echarts长沙市宁乡市geoJson地图3d地图自定义贴图-绿色地面实例

geoJson2 yekong

数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是长沙市宁乡市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts长沙市宁乡市geoJson地图3d地图自定义贴图-绿色地面

3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例

echarts长沙市宁乡市geoJson地图3d地图自定义贴图-绿色地面

echarts长沙市宁乡市geoJson地图全局颜色渐变

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

echarts长沙市宁乡市geoJson地图全局颜色渐变

echarts长沙市宁乡市geoJson地图定义颜色

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

echarts长沙市宁乡市geoJson地图定义颜色

threejs长沙市宁乡市geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs视频 WebGL/Three.js前端高薪3D可视化

threejs长沙市宁乡市geoJson地图3d地图鼠标移入显示标签并高亮

threejs长沙市宁乡市geoJson地图3d地图指定区域闪烁

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

threejs长沙市宁乡市geoJson地图3d地图指定区域闪烁

threejs长沙市宁乡市geoJson地图3d地图CSS2D外加旋转棱锥

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

threejs长沙市宁乡市geoJson地图3d地图CSS2D外加旋转棱锥

长沙市宁乡市 下辖有 资福乡,道林镇,流沙河镇,煤炭坝镇,白马桥乡,坝塘镇,城郊乡,沙田乡,沩山乡,金洲镇,龙田镇,巷子口镇,老粮仓镇,花明楼镇,菁华铺乡,青山桥镇,横市镇,灰汤镇,玉潭镇,黄材镇,东湖塘镇,历经铺乡,双凫铺镇,双江口镇,喻家坳乡,回龙铺镇,夏铎铺镇,大屯营镇,大成桥镇

长沙市宁乡市下辖区域坐标

{"资福乡":[112.40039745304732,28.10434690412262],"道林镇":[112.71809997988694,28.00630727020967],"流沙河镇":[112.11291987759721,27.99215663220869],"煤炭坝镇":[112.37696535581057,28.26699375960573],"白马桥乡":[112.52191389412019,28.23709271336378],"坝塘镇":[112.46816627381872,28.13195507269078],"城郊乡":[112.56019505761849,28.29636073497539],"沙田乡":[112.04582096213737,28.07300950175414],"沩山乡":[111.9938620714984,28.17712551428374],"金洲镇":[112.66667872865975,28.30484556377198],"龙田镇":[111.94435560240663,28.02909339265985],"巷子口镇":[111.9789337178745,28.10813173906952],"老粮仓镇":[112.17861862195528,28.05808377107762],"花明楼镇":[112.6036790838929,28.04489037788419],"菁华铺乡":[112.49451235055264,28.29625657003023],"青山桥镇":[112.05170143492026,27.96287184416875],"横市镇":[112.19438554786629,28.17556723383318],"灰汤镇":[112.29432436561362,28.03256550307726],"玉潭镇":[112.54304659504047,28.27258902335412],"黄材镇":[112.07809169250697,28.16437519208719],"东湖塘镇":[112.55091297030339,28.08696218047783],"历经铺乡":[112.5831799774243,28.24448785549871],"双凫铺镇":[112.29531618295749,28.11488326243802],"双江口镇":[112.63764029518025,28.3923029815583],"喻家坳乡":[112.29716217441,28.21672948700482],"回龙铺镇":[112.4686226951687,28.2249007702545],"夏铎铺镇":[112.61362337228013,28.20669562226535],"大屯营镇":[112.636588784388,27.95094790749074],"大成桥镇":[112.3661637076153,28.17845511275368]}

长沙市宁乡市行政划分代码

[{"name":"资福乡","code":""},{"name":"道林镇","code":"430182101000"},{"name":"流沙河镇","code":"430182112000"},{"name":"煤炭坝镇","code":"430182106000"},{"name":"白马桥乡","code":""},{"name":"坝塘镇","code":"430182107000"},{"name":"城郊乡","code":""},{"name":"沙田乡","code":"430182213000"},{"name":"沩山乡","code":"430182218000"},{"name":"金洲镇","code":"430182121000"},{"name":"龙田镇","code":"430182114000"},{"name":"巷子口镇","code":"430182113000"},{"name":"老粮仓镇","code":"430182111000"},{"name":"花明楼镇","code":"430182102000"},{"name":"菁华铺乡","code":"430182203000"},{"name":"青山桥镇","code":"430182120000"},{"name":"横市镇","code":"430182116000"},{"name":"灰汤镇","code":"430182109000"},{"name":"玉潭镇","code":""},{"name":"黄材镇","code":"430182118000"},{"name":"东湖塘镇","code":"430182103000"},{"name":"历经铺乡","code":""},{"name":"双凫铺镇","code":"430182110000"},{"name":"双江口镇","code":"430182105000"},{"name":"喻家坳乡","code":"430182209000"},{"name":"回龙铺镇","code":"430182117000"},{"name":"夏铎铺镇","code":"430182104000"},{"name":"大屯营镇","code":"430182122000"},{"name":"大成桥镇","code":"430182119000"}]

说明

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

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

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

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

长沙市宁乡市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts长沙市宁乡市geoJson地图3d地图自定义贴图-绿色地面实例