echarts鹰潭市贵溪市geoJson地图自定义引导线效果实例

geoJson2 yekong 72℃

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

echarts鹰潭市贵溪市geoJson地图自定义引导线

echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.

echarts鹰潭市贵溪市geoJson地图自定义引导线

echarts鹰潭市贵溪市geoJson地图定义颜色

echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.

echarts鹰潭市贵溪市geoJson地图定义颜色

echarts鹰潭市贵溪市geoJson地图地图排行榜效果

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

echarts鹰潭市贵溪市geoJson地图地图排行榜效果

threejs鹰潭市贵溪市geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣,可以观看threejs教程视频 3D可视化Three.js视频教程

threejs鹰潭市贵溪市geoJson地图3d地图css2d标签

threejs鹰潭市贵溪市geoJson地图3d地图添加金色效果

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

threejs鹰潭市贵溪市geoJson地图3d地图添加金色效果

threejs鹰潭市贵溪市geoJson地图3d地图

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

threejs鹰潭市贵溪市geoJson地图3d地图

鹰潭市贵溪市 下辖有 东门街道,上清镇,冷水镇,志光镇,雷溪乡,西窑林场,上清林场,冷水林场,双圳林场,江北街道,雄石街道,耳口林场,花园街道,龙虎山镇,塔桥园艺场,河潭埠垦殖场,樟坪畲族乡,周坊镇,塘湾镇,天禄镇,文坊镇,河潭镇,泗沥镇,流口镇,滨江镇,白田乡,罗河镇,耳口乡,鸿塘镇,三县岭林场,彭湾乡,金屯镇,贵溪市工业园区

鹰潭市贵溪市下辖区域坐标

{"东门街道":[117.21167532271305,28.2926748801304],"上清镇":[117.05946859841922,28.02194198996365],"冷水镇":[117.18081235386893,27.93277703092928],"志光镇":[117.07061612880719,28.37166989891202],"雷溪乡":[117.2060543081908,28.200381431019],"西窑林场":[117.4434217273046,28.05537903917153],"上清林场":[117.06467681945713,28.06371569018911],"冷水林场":[117.27290129276221,27.91527501663928],"双圳林场":[117.36482734162296,27.93103569473086],"江北街道":[117.03239029677147,28.30151147351097],"雄石街道":[117.21088475639564,28.26886759145718],"耳口林场":[117.06264495065261,27.91583173347981],"花园街道":[117.23382357340003,28.30989694300122],"龙虎山镇":[116.98103605821257,28.0850538972751],"塔桥园艺场":[117.05014724326244,28.44118797778151],"河潭埠垦殖场":[117.29338265691398,28.43116520848552],"樟坪畲族乡":[117.39755674953174,27.95038742948974],"周坊镇":[117.1744915163257,28.52608383455872],"塘湾镇":[117.21978740225735,28.06096699807623],"天禄镇":[117.04838887522621,28.14672762407126],"文坊镇":[117.34933859599536,28.03310178526266],"河潭镇":[117.27814364038116,28.40078061028296],"泗沥镇":[117.17801925765283,28.40758013448139],"流口镇":[117.24994047790616,28.21146228111517],"滨江镇":[117.16588320746281,28.31807660348855],"白田乡":[117.24754254168292,28.5170965176977],"罗河镇":[117.14173479256775,28.19547359914771],"耳口乡":[117.11725528901064,27.94280883433617],"鸿塘镇":[117.0240710001732,28.39460963154215],"三县岭林场":[117.24911186968302,28.60379105970972],"彭湾乡":[117.11071740530826,28.08918836631971],"金屯镇":[117.27626843252062,28.10796821519348],"贵溪市工业园区":[117.15754159925928,28.27183902825129]}

鹰潭市贵溪市行政划分代码

[{"name":"东门街道","code":"360681003000"},{"name":"上清镇","code":"360681191000"},{"name":"冷水镇","code":"360681110000"},{"name":"志光镇","code":"360681104000"},{"name":"雷溪乡","code":""},{"name":"西窑林场","code":"360681502000"},{"name":"上清林场","code":"360681592000"},{"name":"冷水林场","code":"360681505000"},{"name":"双圳林场","code":"360681503000"},{"name":"江北街道","code":"360681004000"},{"name":"雄石街道","code":"360681002000"},{"name":"耳口林场","code":"360681504000"},{"name":"花园街道","code":"360681001000"},{"name":"龙虎山镇","code":"360681190000"},{"name":"塔桥园艺场","code":"360681500000"},{"name":"河潭埠垦殖场","code":"360681501000"},{"name":"樟坪畲族乡","code":"360681204000"},{"name":"周坊镇","code":"360681102000"},{"name":"塘湾镇","code":"360681108000"},{"name":"天禄镇","code":"360681112000"},{"name":"文坊镇","code":"360681109000"},{"name":"河潭镇","code":"360681101000"},{"name":"泗沥镇","code":"360681100000"},{"name":"流口镇","code":"360681105000"},{"name":"滨江镇","code":"360681111000"},{"name":"白田乡","code":"360681201000"},{"name":"罗河镇","code":"360681106000"},{"name":"耳口乡","code":"360681205000"},{"name":"鸿塘镇","code":"360681103000"},{"name":"三县岭林场","code":"360681506000"},{"name":"彭湾乡","code":"360681203000"},{"name":"金屯镇","code":"360681107000"},{"name":"贵溪市工业园区","code":"360681407000"}]

说明

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

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

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

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

鹰潭市贵溪市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts鹰潭市贵溪市geoJson地图自定义引导线效果实例