echarts怀化市芷江侗族自治县geoJson地图指定区域高亮效果

geoJson2 yekong

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

echarts怀化市芷江侗族自治县geoJson地图指定区域高亮

echarts让指定区域变为选中高亮状态

echarts怀化市芷江侗族自治县geoJson地图指定区域高亮

echarts怀化市芷江侗族自治县geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts怀化市芷江侗族自治县geoJson地图点击地图获取经纬度

echarts怀化市芷江侗族自治县geoJson地图 visualMap控制地图颜色

echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化

echarts怀化市芷江侗族自治县geoJson地图 visualMap控制地图颜色

threejs怀化市芷江侗族自治县geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣,可以观看threejs课程视频 WebGL/Three.js前端高薪3D可视化

threejs怀化市芷江侗族自治县geoJson地图3d地图CSS3D标签

threejs怀化市芷江侗族自治县geoJson地图3d地图添加旋转棱锥

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

threejs怀化市芷江侗族自治县geoJson地图3d地图添加旋转棱锥

threejs怀化市芷江侗族自治县geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs怀化市芷江侗族自治县geoJson地图3d地图添加描边效果

怀化市芷江侗族自治县 下辖有 新店坪镇,公坪镇,碧涌镇,土桥镇,三道坑镇,岩桥镇,晓坪乡,水宽乡,罗旧镇,大树坳乡,梨溪口乡,楠木坪镇,牛牯坪乡,禾梨坳乡,芷江镇,罗卜田乡,冷水溪乡,洞下场乡

怀化市芷江侗族自治县下辖区域坐标

{"新店坪镇":[109.38228060824967,27.44089724233964],"公坪镇":[109.85446588050532,27.57490485784481],"碧涌镇":[109.49576785662768,27.15681789178393],"土桥镇":[109.49703614085533,27.39092243703351],"三道坑镇":[109.56746523916954,27.52311960835865],"岩桥镇":[109.75536270868234,27.42509845361795],"晓坪乡":[109.67899255417517,27.33992214121603],"水宽乡":[109.82981724682404,27.42944472732037],"罗旧镇":[109.79604027909336,27.5239602496306],"大树坳乡":[109.45381107547648,27.51965624121352],"梨溪口乡":[109.47315424114512,27.27690368411692],"楠木坪镇":[109.61710637130474,27.29319396826218],"牛牯坪乡":[109.72997635313918,27.58240771826646],"禾梨坳乡":[109.67048087099587,27.2447884969459],"芷江镇":[109.65174609484825,27.45096994839438],"罗卜田乡":[109.74213207482666,27.33356939878649],"冷水溪乡":[109.5987523740383,27.19178156603075],"洞下场乡":[109.54196858042623,27.28813398938235]}

怀化市芷江侗族自治县行政划分代码

[{"name":"新店坪镇","code":"431228102000"},{"name":"公坪镇","code":"431228104000"},{"name":"碧涌镇","code":"431228103000"},{"name":"土桥镇","code":"431228107000"},{"name":"三道坑镇","code":"431228106000"},{"name":"岩桥镇","code":"431228105000"},{"name":"晓坪乡","code":"431228223000"},{"name":"水宽乡","code":"431228204000"},{"name":"罗旧镇","code":"431228101000"},{"name":"大树坳乡","code":"431228212000"},{"name":"梨溪口乡","code":"431228215000"},{"name":"楠木坪镇","code":"431228108000"},{"name":"牛牯坪乡","code":"431228201000"},{"name":"禾梨坳乡","code":"431228220000"},{"name":"芷江镇","code":"431228100000"},{"name":"罗卜田乡","code":"431228224000"},{"name":"冷水溪乡","code":"431228221000"},{"name":"洞下场乡","code":"431228216000"}]

说明

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

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

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

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

怀化市芷江侗族自治县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts怀化市芷江侗族自治县geoJson地图指定区域高亮效果