可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是河池市都安瑶族自治县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts河池市都安瑶族自治县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts河池市都安瑶族自治县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts河池市都安瑶族自治县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
threejs河池市都安瑶族自治县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣,可以观看threejs视频 Three.js视频教程3D可视化
threejs河池市都安瑶族自治县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs河池市都安瑶族自治县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
河池市都安瑶族自治县 下辖有 加贵乡,地苏镇,澄江乡,下坳镇,东庙乡,九渡乡,保安乡,大兴乡,安阳镇,拉仁乡,拉烈镇,板岭乡,永安乡,百旺镇,菁盛乡,隆福乡,高岭镇,龙湾乡,三只羊乡
河池市都安瑶族自治县下辖区域坐标
{"加贵乡":[108.40880075930217,24.22055496411192],"地苏镇":[108.01435325004928,23.9179514480979],"澄江乡":[108.16696905019575,23.95713792283216],"下坳镇":[107.89382332924139,24.30836798837432],"东庙乡":[107.9322834441389,23.98364644918622],"九渡乡":[108.23564449334556,24.28526520132552],"保安乡":[107.89068265125393,24.09699937898696],"大兴乡":[108.00752715399366,24.15588228298196],"安阳镇":[108.0945722453978,23.91274369414018],"拉仁乡":[108.25667213664599,24.35303370030342],"拉烈镇":[108.27696391827996,24.15497943773376],"板岭乡":[108.03200380891268,24.38128841980308],"永安乡":[108.0777596355332,24.26271760323223],"百旺镇":[108.39234027961581,24.10404281449903],"菁盛乡":[108.2625399235828,23.98492935298597],"隆福乡":[107.85933795664832,24.1996585870066],"高岭镇":[108.09414277052338,24.10323182432789],"龙湾乡":[108.22757455119114,23.88108519404769],"三只羊乡":[107.99432739004465,24.48522121029394]}
河池市都安瑶族自治县行政划分代码
[{"name":"加贵乡","code":"451228217000"},{"name":"地苏镇","code":"451228102000"},{"name":"澄江乡","code":""},{"name":"下坳镇","code":"451228103000"},{"name":"东庙乡","code":"451228204000"},{"name":"九渡乡","code":"451228219000"},{"name":"保安乡","code":"451228209000"},{"name":"大兴乡","code":""},{"name":"安阳镇","code":"451228100000"},{"name":"拉仁乡","code":""},{"name":"拉烈镇","code":"451228104000"},{"name":"板岭乡","code":"451228210000"},{"name":"永安乡","code":""},{"name":"百旺镇","code":"451228105000"},{"name":"菁盛乡","code":"451228214000"},{"name":"隆福乡","code":"451228208000"},{"name":"高岭镇","code":"451228101000"},{"name":"龙湾乡","code":"451228213000"},{"name":"三只羊乡","code":"451228212000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看