echarts成都市金堂县geoJson地图局部颜色渐变实例代码

geoJson2 yekong

大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是成都市金堂县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts成都市金堂县geoJson地图局部颜色渐变

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

echarts成都市金堂县geoJson地图局部颜色渐变

echarts成都市金堂县geoJson地图地图排行榜效果

echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果

echarts成都市金堂县geoJson地图地图排行榜效果

echarts成都市金堂县geoJson地图区域闪烁

echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.

echarts成都市金堂县geoJson地图区域闪烁

threejs成都市金堂县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs视频教程 Three.js 3D可视化

threejs成都市金堂县geoJson地图3d地图添加旋转棱锥

threejs成都市金堂县geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs成都市金堂县geoJson地图3d地图鼠标移入显示标签并高亮

threejs成都市金堂县geoJson地图3d地图

通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例

threejs成都市金堂县geoJson地图3d地图

成都市金堂县 下辖有 清江镇,五凤镇,又新镇,官仓镇,栖贤乡,平桥乡,广兴镇,三星镇,三溪镇,云合镇,土桥镇,淮口镇,白果镇,福兴镇,竹篙镇,赵家镇,转龙镇,金龙镇,隆盛镇,高板镇,赵镇街道

成都市金堂县下辖区域坐标

{"清江镇":[104.3793444341081,30.91038356545727],"五凤镇":[104.47413679903575,30.63799505596161],"又新镇":[104.80733886041469,30.56540234898917],"官仓镇":[104.43614052133091,30.92183658980708],"栖贤乡":[104.4780121820935,30.89784856789495],"平桥乡":[104.64253882016868,30.6495300271819],"广兴镇":[104.7992294883055,30.62769570540926],"三星镇":[104.48922059582404,30.83101789534505],"三溪镇":[104.62281329656989,30.75652878722524],"云合镇":[104.74660529080344,30.53424593863004],"土桥镇":[104.83321722773604,30.52505103081336],"淮口镇":[104.53741775671159,30.74322174650157],"白果镇":[104.5494503980504,30.66329481726099],"福兴镇":[104.5875162403257,30.83437704455227],"竹篙镇":[104.72778626428999,30.60978579326576],"赵家镇":[104.56406594583495,30.80718107611869],"转龙镇":[104.77337043479534,30.68577740367829],"金龙镇":[104.70028464870303,30.78124846603349],"隆盛镇":[104.71868388043373,30.69704190064989],"高板镇":[104.64605224858701,30.6990013161646],"赵镇街道":[104.41752599527481,30.83775728311432]}

成都市金堂县行政划分代码

[{"name":"清江镇","code":""},{"name":"五凤镇","code":"510121106000"},{"name":"又新镇","code":"510121119000"},{"name":"官仓镇","code":""},{"name":"栖贤乡","code":""},{"name":"平桥乡","code":""},{"name":"广兴镇","code":""},{"name":"三星镇","code":""},{"name":"三溪镇","code":"510121109000"},{"name":"云合镇","code":"510121118000"},{"name":"土桥镇","code":"510121117000"},{"name":"淮口镇","code":""},{"name":"白果镇","code":""},{"name":"福兴镇","code":"510121110000"},{"name":"竹篙镇","code":"510121113000"},{"name":"赵家镇","code":"510121112000"},{"name":"转龙镇","code":"510121116000"},{"name":"金龙镇","code":"510121111000"},{"name":"隆盛镇","code":""},{"name":"高板镇","code":""},{"name":"赵镇街道","code":"510121001000"}]

说明

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

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

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

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

成都市金堂县echarts地图效果实例和threejs地图效果实例下载

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