随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到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地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts商丘市虞城县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs商丘市虞城县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话，可以观看threejs课程视频 WebGL 3D可视化教程
threejs商丘市虞城县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs视频教程 Three.js前端3D可视化
threejs商丘市虞城县geoJson地图3d地图
通过threejs绘制的3d地图实例，如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL/Three.js前端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地图效果展示。
