数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理来宾市兴宾区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts来宾市兴宾区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts来宾市兴宾区geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts来宾市兴宾区geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs来宾市兴宾区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL前端3D可视化教程
threejs来宾市兴宾区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs来宾市兴宾区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
来宾市兴宾区 下辖有 凤凰镇,城厢乡,大湾乡,平阳镇,石牙乡,蒙村镇,迁江镇,陶邓乡,七洞乡,三五乡,五山乡,南泗乡,寺山乡,桥巩乡,正龙乡,石陵镇,良塘乡,良江镇,高安乡,八一街道,城东街道,城北街道,小平阳镇,河西街道,红河农场,来华投资区
来宾市兴宾区下辖区域坐标
{"凤凰镇":[109.23904235265037,23.92731744340209],"城厢乡":[109.27462154022763,23.70758655513077],"大湾乡":[109.39488345142007,23.85897174259262],"平阳镇":[108.82098027458422,23.70400476131036],"石牙乡":[109.394849014241,23.43549893543864],"蒙村镇":[109.37865763646383,23.63359425156385],"迁江镇":[108.93207818113694,23.59304109682909],"陶邓乡":[109.04391055150606,23.46035644209047],"七洞乡":[109.09191549539244,23.99204217125635],"三五乡":[109.21547349856422,23.51067219505363],"五山乡":[109.2420586382155,23.39650452900775],"南泗乡":[109.52384207843178,23.63279807091014],"寺山乡":[109.38639373213127,23.52036681776772],"桥巩乡":[109.1148512699269,23.747461168992],"正龙乡":[109.37165864160667,23.76544776255074],"石陵镇":[108.93563951189184,23.45326022918777],"良塘乡":[109.08426349485003,23.85854532782734],"良江镇":[109.13382980893834,23.64370594665558],"高安乡":[109.50709636836302,23.76213222570246],"八一街道":[109.26919643226145,23.93468293132835],"城东街道":[109.23571636562058,23.72710014832258],"城北街道":[109.22017985327123,23.76385859983563],"小平阳镇":[109.14427745418271,23.3837021139292],"河西街道":[109.19682911658717,23.71737902432794],"红河农场":[109.39368329116598,23.70574580374896],"来华投资区":[109.18841295065994,23.75351665861553]}
来宾市兴宾区行政划分代码
[{"name":"凤凰镇","code":"451302101000"},{"name":"城厢乡","code":""},{"name":"大湾乡","code":""},{"name":"平阳镇","code":"451302106000"},{"name":"石牙乡","code":""},{"name":"蒙村镇","code":"451302107000"},{"name":"迁江镇","code":"451302104000"},{"name":"陶邓乡","code":""},{"name":"七洞乡","code":"451302206000"},{"name":"三五乡","code":""},{"name":"五山乡","code":""},{"name":"南泗乡","code":"451302213000"},{"name":"寺山乡","code":""},{"name":"桥巩乡","code":""},{"name":"正龙乡","code":"451302216000"},{"name":"石陵镇","code":"451302105000"},{"name":"良塘乡","code":""},{"name":"良江镇","code":"451302102000"},{"name":"高安乡","code":"451302214000"},{"name":"八一街道","code":""},{"name":"城东街道","code":"451302001000"},{"name":"城北街道","code":"451302002000"},{"name":"小平阳镇","code":"451302103000"},{"name":"河西街道","code":"451302003000"},{"name":"红河农场","code":""},{"name":"来华投资区","code":"451302402000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
