echarts商丘市虞城县geoJson地图地图排行榜效果效果

echarts yekong

随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理商丘市虞城县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

虞城县,隶属 河南省 商丘市 。位于河南省东部,豫、鲁、皖三省交界处,位于北纬33°43'-34°52'和东经114°49'-116°39'之间,面积1558平方千米 ,虞城县地处中纬度,属于东部暖温带半湿润半干旱大陆性季风气候,四季分明,虞城县境内地势平坦,自然资源丰富,常年平均气温14℃,年日照率53%,年平均无霜期216天。截至2022年9月,虞城县辖虞城高新技术产业开发区及10个镇、15个乡,县政府驻城关镇。根据第七次人口普查数据,截至2020年11月1日零时,虞城县常住人口为972091人。

echarts商丘市虞城县geoJson地图地图排行榜效果

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

echarts商丘市虞城县geoJson地图地图排行榜效果

echarts商丘市虞城县geoJson地图tooltip自定义html

echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.

echarts商丘市虞城县geoJson地图tooltip自定义html

echarts商丘市虞城县geoJson地图局部颜色渐变

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

echarts商丘市虞城县geoJson地图局部颜色渐变

threejs商丘市虞城县geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话,可以观看threejs课程视频 WebGL 3D可视化教程

threejs商丘市虞城县geoJson地图3d地图添加金色效果

threejs商丘市虞城县geoJson地图3d地图自定义贴图加CSS3D标签

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

threejs商丘市虞城县geoJson地图3d地图自定义贴图加CSS3D标签

threejs商丘市虞城县geoJson地图3d地图

通过threejs绘制的3d地图实例,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程

threejs商丘市虞城县geoJson地图3d地图

商丘市虞城县下辖有刘集乡,田庙乡,乔集乡,刘店乡,利民镇,店集乡,城郊乡,张集镇,大候乡,站集镇,杜集镇,沙集乡,界沟镇,稍岗乡,营郭镇,谷熟镇,郑集乡,贾寨镇,闻集乡,黄冢乡,古王集乡,大杨集镇,李老家乡,芒种桥乡,镇里固乡,城关镇

商丘市虞城县下辖区域坐标

{"刘集乡":[116.02472663949074,34.55228607647828],"田庙乡":[115.9754763073327,34.57684744679499],"乔集乡":[116.08883159345527,34.55038719631462],"刘店乡":[115.83600367639227,34.30601807093673],"利民镇":[115.91808899675883,34.52661963260604],"店集乡":[115.73253030285325,34.23683930473218],"城郊乡":[115.84702017778093,34.39582037547744],"张集镇":[116.14724553582217,34.52975459135873],"大候乡":[115.92438116574635,34.31622621385151],"站集镇":[115.85614611727235,34.22249040573308],"杜集镇":[115.82955806346638,34.16798957927733],"沙集乡":[115.75437392101082,34.18351612737531],"界沟镇":[115.87801607373896,34.04945802392534],"稍岗乡":[115.98242928720316,34.4568321767711],"营郭镇":[115.79730193907565,34.10084806226879],"谷熟镇":[115.78408544160715,34.28276700048276],"郑集乡":[115.94864668553858,34.37792657067262],"贾寨镇":[115.80323961357345,34.53710671381408],"闻集乡":[115.91686552956065,34.25074014338154],"黄冢乡":[115.88048487352745,34.11862858489565],"古王集乡":[115.7756140833003,34.46764773319456],"大杨集镇":[116.0664138406299,34.45304387182311],"李老家乡":[115.86688865257202,34.45968527179443],"芒种桥乡":[115.72159537327215,34.31443221677708],"镇里固乡":[116.14031513204306,34.44901849105213],"城关镇":[115.85612622193702,34.39591241332406]}

说明

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

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

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

商丘市虞城县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts商丘市虞城县geoJson地图地图排行榜效果效果