可视化数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理和田地区和田县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
和田县(维吾尔语:خوتەن ناھىيىسى ,旧称“和阗”,1959年更名为“和田”)曾称豁旦、五端、忽炭,均系同名异译。一说源自于阗,于阗系古代尉迟部落名。一说系藏语,意为“玉邑”。一说为印地语“栅栏”、“牲畜圈”,或“碉堡”之意。《大唐西域记》称瞿萨旦那,系梵语“地乳”之意。1959年将和阗简化为和田。截至2019年末,和田县户籍人口为355285人。
echarts和田地区和田县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts和田地区和田县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
threejs和田地区和田县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣,可以观看threejs视频教程 WebGL 3D可视化教程
threejs和田地区和田县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs和田地区和田县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
和田地区和田县 下辖有 朗如乡,喀什塔什乡,和田县经济新区,吾宗肖乡,巴格其镇,布扎克乡,拉依喀乡,色格孜库勒乡,塔瓦库勒乡,伊斯拉木阿瓦提乡,罕艾日克镇,英艾日克乡,英阿瓦提乡
和田地区和田县下辖区域坐标
{"朗如乡":[78.97829627684834,35.67717897556501],"喀什塔什乡":[79.86286472892654,35.66615459422107],"和田县经济新区":[79.83499015229603,37.26128715104507],"吾宗肖乡":[80.03115112637855,37.41961871992487],"巴格其镇":[],"布扎克乡":[79.82996679224158,37.0280832557676],"拉依喀乡":[],"色格孜库勒乡":[80.07457105532411,37.60121135687258],"塔瓦库勒乡":[80.31282444376322,37.66661070918152],"伊斯拉木阿瓦提乡":[80.33768889111784,37.81725784604521],"罕艾日克镇":[],"英艾日克乡":[],"英阿瓦提乡":[79.83087129659444,37.31549490403167]}
和田地区和田县行政划分代码
[{"name":"朗如乡","code":"653221206000"},{"name":"喀什塔什乡","code":"653221210000"},{"name":"和田县经济新区","code":"653221401000"},{"name":"吾宗肖乡","code":"653221211000"},{"name":"巴格其镇","code":"653221100000"},{"name":"布扎克乡","code":"653221204000"},{"name":"拉依喀乡","code":"653221205000"},{"name":"色格孜库勒乡","code":"653221209000"},{"name":"塔瓦库勒乡","code":"653221207000"},{"name":"伊斯拉木阿瓦提乡","code":"653221208000"},{"name":"罕艾日克镇","code":"653221102000"},{"name":"英艾日克乡","code":"653221203000"},{"name":"英阿瓦提乡","code":"653221202000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。