echarts阿克苏地区温宿县geoJson地图指定区域高亮演示实例

geoJson2 yekong

数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理阿克苏地区温宿县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

温宿县,隶属于新疆维吾尔自治区阿克苏地区,位于西部天山中段的托木尔峰南麓,塔里木盆地西北边缘,东与拜城县、新和县交界,南和阿克苏市毗邻,西隔托什干河与乌什县相望,北同吉尔吉斯斯坦共和国、哈萨克斯坦共和国及新疆伊犁哈萨克自治州的昭苏县接壤。介于北纬40°52—42°15′,东经79°28′—81°30′之间,东西长171千米,南北宽158千米,总面积14569.3平方千米。下辖8个镇、5个乡。

echarts阿克苏地区温宿县geoJson地图指定区域高亮

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

echarts阿克苏地区温宿县geoJson地图指定区域高亮

echarts阿克苏地区温宿县geoJson地图自定义引导线

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

echarts阿克苏地区温宿县geoJson地图自定义引导线

echarts阿克苏地区温宿县geoJson地图局部颜色渐变

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

echarts阿克苏地区温宿县geoJson地图局部颜色渐变

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地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能

threejs阿克苏地区温宿县geoJson地图3d地图红色描边闪烁警报

threejs阿克苏地区温宿县geoJson地图3d地图添加金色效果

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

threejs阿克苏地区温宿县geoJson地图3d地图添加金色效果

阿克苏地区温宿县 下辖有 佳木镇,塔格拉克牧场,清泉农场,兵团六团,依希来木其乡,兵团五团,佳木林场,萨瓦甫齐牧场,博孜墩柯尔克孜族乡,温宿镇,克孜勒镇,托乎拉乡,水稻农场,阿热勒镇,青年农场,共青团农场,木本粮油林场,吉格代牧场,吐木秀克镇,恰格拉克乡,水稻原种场,古勒阿瓦提乡,恰其力克牧场,博孜墩牧场

阿克苏地区温宿县下辖区域坐标

{"佳木镇":[80.64365084287408,41.38861117764314],"塔格拉克牧场":[80.23971313832948,41.73407710219482],"清泉农场":[79.93325429029666,41.19757361584033],"兵团六团":[80.50162756873466,40.95406006598024],"依希来木其乡":[80.39971573603027,41.30832737276808],"兵团五团":[80.90518291321902,41.32688845110642],"佳木林场":[80.5566365040331,41.20890114524081],"萨瓦甫齐牧场":[79.76831254760432,41.76944274522355],"博孜墩柯尔克孜族乡":[80.61628001976274,41.78845992214239],"温宿镇":[],"克孜勒镇":[80.46851935314407,41.11271776858352],"托乎拉乡":[80.14175271172967,41.29238740343771],"水稻农场":[80.13073449076575,41.23360215361717],"阿热勒镇":[79.84162565262501,41.26094995868958],"青年农场":[80.5694703492609,41.10441769695441],"共青团农场":[80.63546787252446,41.24748929456723],"木本粮油林场":[80.24366281035815,41.30508423418931],"吉格代牧场":[79.94544316320872,41.33319540141272],"吐木秀克镇":[79.99523006328809,41.54548935698978],"恰格拉克乡":[79.94354173450029,41.279925723618],"水稻原种场":[80.21630546977985,41.2343211857891],"古勒阿瓦提乡":[],"恰其力克牧场":[80.79560202989902,41.17475622304826],"博孜墩牧场":[80.81526546982727,41.87674707700516]}

阿克苏地区温宿县行政划分代码

[{"name":"佳木镇","code":"652922104000"},{"name":"塔格拉克牧场","code":""},{"name":"清泉农场","code":""},{"name":"兵团六团","code":""},{"name":"依希来木其乡","code":"652922204000"},{"name":"兵团五团","code":""},{"name":"佳木林场","code":""},{"name":"萨瓦甫齐牧场","code":""},{"name":"博孜墩柯尔克孜族乡","code":"652922207000"},{"name":"温宿镇","code":"652922100000"},{"name":"克孜勒镇","code":"652922102000"},{"name":"托乎拉乡","code":"652922200000"},{"name":"水稻农场","code":""},{"name":"阿热勒镇","code":"652922103000"},{"name":"青年农场","code":""},{"name":"共青团农场","code":""},{"name":"木本粮油林场","code":""},{"name":"吉格代牧场","code":""},{"name":"吐木秀克镇","code":"652922101000"},{"name":"恰格拉克乡","code":"652922202000"},{"name":"水稻原种场","code":""},{"name":"古勒阿瓦提乡","code":"652922206000"},{"name":"恰其力克牧场","code":""},{"name":"博孜墩牧场","code":""}]

说明

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

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

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

阿克苏地区温宿县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts阿克苏地区温宿县geoJson地图指定区域高亮演示实例