数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理陇南市文县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
文县,隶属于 甘肃省 陇南市,因沿用古文州之文而得县名,位于甘肃省最南端、与四川省、陕西省交界处,地处秦巴山地,是甘肃的南大门。截至2021年10月,文县辖20个乡镇,305个行政村,总面积4994平方公里,耕地面积32.01万亩。根据第七次人口普查数据,截至2020年11月1日零时,文县常住人口196906人。
echarts陇南市文县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts陇南市文县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts陇南市文县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
threejs陇南市文县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果想系统的学习threejs的话,可以观看threejs视频 WebGL 3D可视化教程
threejs陇南市文县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs陇南市文县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
陇南市文县 下辖有 中寨镇,中庙乡,临江乡,丹堡乡,城关镇,天池乡,尖山乡,尚德镇,桥头乡,玉垒乡,石坊乡,碧口镇,舍书乡,黎坪乡,刘家坪乡,石鸡坝乡,铁楼藏族乡,范坝乡,口头坝乡,堡子坝乡
陇南市文县下辖区域坐标
{"中寨镇":[104.41897507259213,33.22600370744141],"中庙乡":[105.30824461876244,32.79893920134278],"临江乡":[104.93633393818209,33.09298163442135],"丹堡乡":[104.58673626561537,32.81171308220335],"城关镇":[104.67641065354519,32.96238171001603],"天池乡":[104.72909504668411,33.23036665065702],"尖山乡":[104.85308322306463,33.01244201191319],"尚德镇":[104.82886344406279,32.88406255588524],"桥头乡":[104.79690671733357,33.09409764739057],"玉垒乡":[105.05996433265159,32.82742407701187],"石坊乡":[104.57855193163591,33.01239959542912],"碧口镇":[105.2018155914761,32.70059720803168],"舍书乡":[104.95079325225002,33.20721228408962],"黎坪乡":[104.87316283658494,33.20917368583236],"刘家坪乡":[104.7448159709466,32.72834837794274],"石鸡坝乡":[104.44006832967875,33.04481304235166],"铁楼藏族乡":[104.44374288580896,32.89127562945811],"范坝乡":[105.02395787857324,32.69982795242234],"口头坝乡":[104.96628904641747,32.92999177597463],"堡子坝乡":[104.62364647501028,33.1290871264393]}
陇南市文县行政划分代码
[{"name":"中寨镇","code":"621222103000"},{"name":"中庙乡","code":""},{"name":"临江乡","code":""},{"name":"丹堡乡","code":""},{"name":"城关镇","code":"621222100000"},{"name":"天池乡","code":""},{"name":"尖山乡","code":"621222212000"},{"name":"尚德镇","code":"621222102000"},{"name":"桥头乡","code":""},{"name":"玉垒乡","code":"621222206000"},{"name":"石坊乡","code":""},{"name":"碧口镇","code":"621222101000"},{"name":"舍书乡","code":"621222215000"},{"name":"黎坪乡","code":""},{"name":"刘家坪乡","code":"621222205000"},{"name":"石鸡坝乡","code":""},{"name":"铁楼藏族乡","code":"621222200000"},{"name":"范坝乡","code":""},{"name":"口头坝乡","code":"621222211000"},{"name":"堡子坝乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。