可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理新乡市辉县市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
辉县市，河南省 辖县级市，由 新乡市 代管。位于河南省西北部，西与山西省陵川县交界，北同林州市及山西省壶关县相接，东靠卫辉市，南临获嘉县，东南与新乡市毗连，西南与修武县相邻。总面积2007平方公里，辖2个街道、11个镇、9个乡，共有536个行政村。根据第七次人口普查数据，截至2020年11月1日零时，常住人口845588人。
echarts新乡市辉县市geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts新乡市辉县市geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts新乡市辉县市geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs新乡市辉县市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣，可以观看threejs视频教程 3D可视化Three.js视频教程
threejs新乡市辉县市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话，可以观看threejs视频课程 Three.js前端3D可视化教程
threejs新乡市辉县市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频 3D可视化Three.js视频教程
新乡市辉县市下辖有峪河镇,常村镇,冀屯镇,南村镇,南寨镇,占城镇,孟庄镇,吴村镇,张村乡,沙窑乡,洪洲乡,百泉镇,高庄乡,薄壁镇,赵固乡,黄水乡,北云门镇,上八里镇,城关街道,拍石头乡,胡桥街道,西平罗乡
新乡市辉县市下辖区域坐标
{"峪河镇":[113.58471302701334,35.34343914954729],"常村镇":[113.88717468867854,35.4777476438221],"冀屯镇":[113.60933387707766,35.42851217629821],"南村镇":[113.72820093963529,35.66928570097181],"南寨镇":[113.66779898616497,35.78788158161657],"占城镇":[113.67220071112641,35.36718257261001],"孟庄镇":[113.82953435830936,35.41747713588929],"吴村镇":[113.51177372950639,35.35696833112793],"张村乡":[113.88618242167384,35.56757124918872],"沙窑乡":[113.64341175004509,35.72667680146884],"洪洲乡":[113.65317266534271,35.52666831712617],"百泉镇":[113.7934197610135,35.50428035816888],"高庄乡":[113.74386393323914,35.54978304324857],"薄壁镇":[113.47787109037647,35.45782722086147],"赵固乡":[113.66236791690096,35.45937355641593],"黄水乡":[113.66669357301853,35.62126912451104],"北云门镇":[113.72566434026342,35.42794886735079],"上八里镇":[113.56961839801585,35.57279995621738],"城关街道":[113.80426306127558,35.45775434835507],"拍石头乡":[113.81801487261853,35.61396036976501],"胡桥街道":[113.77569196449285,35.42707172886533],"西平罗乡":[113.74713396393841,35.7296772509617]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
