大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理甘孜藏族自治州九龙县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts甘孜藏族自治州九龙县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts甘孜藏族自治州九龙县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts甘孜藏族自治州九龙县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs甘孜藏族自治州九龙县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs视频课程 Three.js 3D可视化
threejs甘孜藏族自治州九龙县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs甘孜藏族自治州九龙县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
甘孜藏族自治州九龙县 下辖有 魁多乡,俄尔彝族乡,乌拉溪乡,小金彝族乡,朵洛彝族乡,乃渠乡,上团乡,三垭彝族乡,呷尔镇,斜卡乡,汤古乡,洪坝乡,烟袋镇,湾坝彝族乡,三岩龙乡,八窝龙乡,子耳彝族乡,踏卡彝族乡
甘孜藏族自治州九龙县下辖区域坐标
{"魁多乡":[101.69686032525594,28.42844169368898],"俄尔彝族乡":[101.96249723513566,28.75962095093971],"乌拉溪乡":[101.664084500818,28.62726752892278],"小金彝族乡":[101.92825584469406,28.65482321283063],"朵洛彝族乡":[101.83253330821663,28.6407087292775],"乃渠乡":[101.64480075679164,28.79390972061352],"上团乡":[101.21283378626477,29.0725338126725],"三垭彝族乡":[101.8943869404446,28.71229304557546],"呷尔镇":[101.56154291524294,28.99411684011465],"斜卡乡":[101.77808755029426,29.02916085205725],"汤古乡":[101.50146822237667,29.17942610666244],"洪坝乡":[101.94103254624676,29.17999250042875],"烟袋镇":[101.69697809073567,28.51945054313502],"湾坝彝族乡":[102.02101702753008,29.00246051434086],"三岩龙乡":[101.40577147229149,28.78534160502428],"八窝龙乡":[101.27143891483959,28.91043130596414],"子耳彝族乡":[101.53748732092829,28.42152860075359],"踏卡彝族乡":[101.80312210954395,28.73467545214606]}
甘孜藏族自治州九龙县行政划分代码
[{"name":"魁多乡","code":""},{"name":"俄尔彝族乡","code":""},{"name":"乌拉溪乡","code":""},{"name":"小金彝族乡","code":"513324212000"},{"name":"朵洛彝族乡","code":"513324213000"},{"name":"乃渠乡","code":""},{"name":"上团乡","code":"513324203000"},{"name":"三垭彝族乡","code":""},{"name":"呷尔镇","code":"513324100000"},{"name":"斜卡乡","code":""},{"name":"汤古乡","code":""},{"name":"洪坝乡","code":"513324216000"},{"name":"烟袋镇","code":"513324101000"},{"name":"湾坝彝族乡","code":""},{"name":"三岩龙乡","code":"513324202000"},{"name":"八窝龙乡","code":"513324204000"},{"name":"子耳彝族乡","code":"513324209000"},{"name":"踏卡彝族乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
