echarts贵港市平南县geoJson地图局部颜色渐变实例

geoJson2 yekong

随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理贵港市平南县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

echarts贵港市平南县geoJson地图局部颜色渐变

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果

echarts贵港市平南县geoJson地图局部颜色渐变

echarts贵港市平南县geoJson地图阴影

echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.

echarts贵港市平南县geoJson地图阴影

echarts贵港市平南县geoJson地图3d地图自定义贴图-绿色地面

3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例

echarts贵港市平南县geoJson地图3d地图自定义贴图-绿色地面

threejs贵港市平南县geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣,可以观看threejs视频教程 Three.js视频教程3D可视化

threejs贵港市平南县geoJson地图3d地图CSS2D外加旋转棱锥

threejs贵港市平南县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs贵港市平南县geoJson地图3d地图添加旋转棱锥

threejs贵港市平南县geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份

threejs贵港市平南县geoJson地图3d地图CSS3D标签

贵港市平南县 下辖有 丹竹镇,六陈镇,同和镇,大坡镇,大安镇,大新镇,大洲镇,大鹏镇,安怀镇,上渡镇,东华乡,官成镇,寺面镇,平南镇,平山镇,思旺镇,思界乡,武林镇,镇隆镇,国安瑶族乡,马练瑶族乡

贵港市平南县下辖区域坐标

{"丹竹镇":[110.53163933012328,23.50961525222514],"六陈镇":[110.35267825961705,23.21011786704725],"同和镇":[110.48486939951903,23.77872796641537],"大坡镇":[110.4940833704323,23.20154003931565],"大安镇":[110.51285345610412,23.37521635571543],"大新镇":[110.45531190349442,23.31682173747556],"大洲镇":[110.59181828542401,23.27042027079657],"大鹏镇":[110.15265606759759,23.77796503253208],"安怀镇":[110.47961033653897,23.63303385561631],"上渡镇":[110.40983906669481,23.49296583806316],"东华乡":[110.53767332133651,23.57778535505943],"官成镇":[110.36744467092018,23.70071035337664],"寺面镇":[110.4636758857511,23.1502800619957],"平南镇":[110.38465420989337,23.55940227798618],"平山镇":[110.41399273399976,23.09763908678329],"思旺镇":[110.2858067519745,23.72144725410816],"思界乡":[110.28548786584534,23.59869708755632],"武林镇":[110.52611633211632,23.42223556517785],"镇隆镇":[110.38749244184976,23.38740307798065],"国安瑶族乡":[110.25286653001359,23.82311252508448],"马练瑶族乡":[110.36794061801997,23.92247846171446]}

贵港市平南县行政划分代码

[{"name":"丹竹镇","code":"450821113000"},{"name":"六陈镇","code":"450821103000"},{"name":"同和镇","code":"450821117000"},{"name":"大坡镇","code":"450821107000"},{"name":"大安镇","code":"450821105000"},{"name":"大新镇","code":"450821104000"},{"name":"大洲镇","code":"450821108000"},{"name":"大鹏镇","code":"450821116000"},{"name":"安怀镇","code":"450821112000"},{"name":"上渡镇","code":""},{"name":"东华乡","code":""},{"name":"官成镇","code":"450821114000"},{"name":"寺面镇","code":"450821102000"},{"name":"平南镇","code":""},{"name":"平山镇","code":"450821101000"},{"name":"思旺镇","code":"450821115000"},{"name":"思界乡","code":"450821204000"},{"name":"武林镇","code":"450821106000"},{"name":"镇隆镇","code":"450821109000"},{"name":"国安瑶族乡","code":"450821205000"},{"name":"马练瑶族乡","code":"450821206000"}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看

贵港市平南县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts贵港市平南县geoJson地图局部颜色渐变实例