数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是和田地区于田县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
于田县为新疆和田地区下辖县。清置于阗县,以汉代古国名命名。1959年,简化为于田县。于田县位于新疆维吾尔自治区西南部。东临民丰县,北邻塔克拉玛干沙漠与沙雅县接壤,西与策勒县相毗邻,南与西藏自治区改则县、日土县相接。总面积4.032万平方公里。 截至2017年12月,辖13个乡、2个镇、3个场、2个街道办事处,205个行政村,766个村民小组。2019年末,户籍人口288620人。
echarts和田地区于田县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts和田地区于田县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts和田地区于田县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs和田地区于田县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣,可以观看threejs课程视频 WebGL/Three.js前端3D可视化教程
threejs和田地区于田县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
和田地区于田县 下辖有 拉依苏良种场,奥依托格拉克乡,阿羌乡,国营昆仑种羊场,希吾勒乡,于田监狱,托格日尕孜乡,达里雅布依乡,喀拉克尔乡,木尕拉镇,科克亚乡,阿日希乡,阿热勒乡,加依乡,兰干乡,斯也克乡,英巴格乡,先拜巴扎镇
和田地区于田县下辖区域坐标
{"拉依苏良种场":[81.29890704373794,36.92516280502167],"奥依托格拉克乡":[82.18072302546994,37.26447382951506],"阿羌乡":[82.07955560313042,35.92829356976077],"国营昆仑种羊场":[],"希吾勒乡":[81.36193435595052,37.18161137585545],"于田监狱":[81.58311189976115,37.03507544406132],"托格日尕孜乡":[81.41961152210826,36.88418087602485],"达里雅布依乡":[82.00745369624094,38.702020772504],"喀拉克尔乡":[81.32486612653906,37.39638191761819],"木尕拉镇":[81.66296475387828,36.89854542881017],"科克亚乡":[81.59954876566604,36.82728475616234],"阿日希乡":[],"阿热勒乡":[81.72920640963636,36.72444733819015],"加依乡":[81.59952727637756,36.89020332288692],"兰干乡":[81.35322669788661,36.551096602839],"斯也克乡":[81.49812007143007,37.08943204161287],"英巴格乡":[81.61877306198292,37.39787152223634],"先拜巴扎镇":[81.53037769512979,36.82482677302825]}
和田地区于田县行政划分代码
[{"name":"拉依苏良种场","code":""},{"name":"奥依托格拉克乡","code":"653226208000"},{"name":"阿羌乡","code":"653226209000"},{"name":"国营昆仑种羊场","code":""},{"name":"希吾勒乡","code":"653226211000"},{"name":"于田监狱","code":"653226402000"},{"name":"托格日尕孜乡","code":"653226206000"},{"name":"达里雅布依乡","code":"653226212000"},{"name":"喀拉克尔乡","code":"653226207000"},{"name":"木尕拉镇","code":"653226100000"},{"name":"科克亚乡","code":"653226201000"},{"name":"阿日希乡","code":"653226203000"},{"name":"阿热勒乡","code":"653226202000"},{"name":"加依乡","code":"653226200000"},{"name":"兰干乡","code":"653226204000"},{"name":"斯也克乡","code":"653226205000"},{"name":"英巴格乡","code":"653226210000"},{"name":"先拜巴扎镇","code":"653226101000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。