echarts云浮市罗定市geoJson地图全局颜色渐变代码演示

echarts yekong

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

罗定市,古称泷州、泷水,广东省 辖县级市,由 云浮市 代管,位于广东省西部,西江之南,是沟通广东与大西南最便捷的通道之一,地处珠江—西江经济带、粤港澳大湾区与北部湾城市群三大国家级经济区的交汇处。全市总面积2327.5平方千米。截至2021年,罗定市辖17个镇、4个街道和1个农场。市人民政府驻罗城街道。2021年末,罗定市户籍总人口1297196人;常住人口为94.22万人。

echarts云浮市罗定市geoJson地图全局颜色渐变

echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果

echarts云浮市罗定市geoJson地图全局颜色渐变

echarts云浮市罗定市geoJson地图迁徙图

echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts云浮市罗定市geoJson地图迁徙图

echarts云浮市罗定市geoJson地图 tooltip轮播

echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.

echarts云浮市罗定市geoJson地图 tooltip轮播

threejs云浮市罗定市geoJson地图3d地图

通过threejs绘制的3d地图实例,如果对threejs感兴趣,可以观看threejs课程视频 WebGL/Three.js前端高薪3D可视化

threejs云浮市罗定市geoJson地图3d地图

threejs云浮市罗定市geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

threejs云浮市罗定市geoJson地图3d地图添加金色效果

threejs云浮市罗定市geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs云浮市罗定市geoJson地图3d地图CSS2D外加旋转棱锥

云浮市罗定市下辖有加益镇,太平镇,满塘镇,罗镜镇,船步镇,苹塘镇,龙湾镇,素龙街道,罗城街道,罗平农场,附城街道,双东镇街道,分界镇,连州镇,金鸡镇,黎少镇,华石镇,围底镇,林滨镇,泗纶镇,生江镇,罗平镇

云浮市罗定市下辖区域坐标

{"加益镇":[111.14930063132363,22.7282179328463],"太平镇":[111.45810771162226,22.46376485181932],"满塘镇":[111.74394288570551,22.62226518012988],"罗镜镇":[111.41472253003272,22.52759871698435],"船步镇":[111.65676953694037,22.5635963100068],"苹塘镇":[111.75277773542317,22.75504684519098],"龙湾镇":[111.19912472342764,22.65467636265004],"素龙街道":[111.57708732851151,22.72325564392511],"罗城街道":[111.57077803677814,22.76895563134359],"罗平农场":[111.55406256481604,22.57992986801311],"附城街道":[111.47632129959732,22.85716772318007],"双东镇街道":[111.6149815206289,22.79599026960341],"分界镇":[111.33328781896523,22.55583243007496],"连州镇":[111.40977931222838,22.66042537590074],"金鸡镇":[111.80503531146506,22.71267507322172],"黎少镇":[111.4285964841184,22.7478229683513],"华石镇":[111.67477102453438,22.78184166644725],"围底镇":[111.69998559233306,22.68629799048324],"林滨镇":[111.27587935656855,22.78381012420196],"泗纶镇":[111.30710038009852,22.7057923124194],"生江镇":[111.51092312558725,22.69820745746938],"罗平镇":[111.57321582215053,22.60655412301427]}

说明

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

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

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

云浮市罗定市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts云浮市罗定市geoJson地图全局颜色渐变代码演示