可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理信阳市淮滨县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
淮滨县，河南省信阳市下辖县，位于信阳市东北部，地处东经115°11′—115°35，北纬32°15′—32°38'之间，总面积1209平方公里，地处北亚热带与暖温带气候过渡地带。截至2020年6月，淮滨县辖4个街道、5个镇、10个乡，县政府驻滨湖街道。根据第七次人口普查数据，截至2020年11月1日零时，淮滨县常住人口为54.96万人。
echarts信阳市淮滨县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts信阳市淮滨县geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts信阳市淮滨县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs信阳市淮滨县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放,如果想系统的学习threejs的话，可以观看threejs视频课程 WebGL 3D可视化教程
threejs信阳市淮滨县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话，可以观看threejs教程视频 WebGL前端3D可视化教程
threejs信阳市淮滨县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣，可以观看threejs视频课程 WebGL/Three.js前端3D可视化教程
信阳市淮滨县下辖有顺河街道,三空桥乡,淮滨县台头乡,固城乡,张庄乡,张里乡,新里镇,栏杆街道,期思镇,王店乡,芦集乡,桂花街道,赵集镇,滨湖街道,邓湾乡,王家岗乡,防胡镇,马集镇,淮滨县谷堆乡
信阳市淮滨县下辖区域坐标
{"顺河街道":[115.39446877454489,32.4375608041724],"三空桥乡":[115.21004981097789,32.55054189192121],"淮滨县台头乡":[115.32857677463791,32.43452558106343],"固城乡":[115.35513380840085,32.53101056402269],"张庄乡":[115.35112190122518,32.36339933915384],"张里乡":[115.07798550848626,32.59883834440323],"新里镇":[115.16303023557437,32.47521733071542],"栏杆街道":[115.40383817544412,32.50135893583166],"期思镇":[115.47980595856183,32.35041215721519],"王店乡":[115.40214044412511,32.29946542552332],"芦集乡":[115.17687564136358,32.39170269597373],"桂花街道":[115.44698905508099,32.4688789033144],"赵集镇":[115.24652997479339,32.56060742277178],"滨湖街道":[115.395226713417,32.46472078058703],"邓湾乡":[115.27888154300516,32.37895823431871],"王家岗乡":[115.50649033597185,32.4632399601692],"防胡镇":[115.10960951892486,32.53836823106838],"马集镇":[115.25948248546078,32.45503530593048],"淮滨县谷堆乡":[115.48721501879233,32.40213070269184]}
