数据可视化大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是图木舒克市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
图木舒克市，新疆维吾尔自治区直辖县级市，与新疆生产建设兵团第三师实行师市合一管理体制，位于新疆维吾尔自治区西南部，地处天山南麓、塔里木盆地西北缘，属暖温带大陆性干旱气候，总面积3664平方千米。截至2022年10月，图木舒克市辖3个街道、12个镇。截至2022年末，图木舒克市人口32.66万人。
echarts图木舒克市geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts图木舒克市geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts图木舒克市geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
threejs图木舒克市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话，可以观看threejs视频 WebGL/Three.js前端3D可视化教程
threejs图木舒克市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
threejs图木舒克市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
图木舒克市 下辖有 前海街道,兵团五十一团,兵团四十四团,兵团图木舒克市喀拉拜勒镇,兵团五十团,永安坝街道,兵团五十三团,兵团四十九团,齐干却勒街道,兵团图木舒克市永安坝
图木舒克市下辖区域坐标
{"前海街道":[79.07395695151897,39.85505605297477],"兵团五十一团":[79.14356950960817,39.97179597724261],"兵团四十四团":[79.16619062897698,39.81110959062434],"兵团图木舒克市喀拉拜勒镇":[],"兵团五十团":[79.3978242852863,39.92803901605323],"永安坝街道":[79.01543173055461,39.84912285503371],"兵团五十三团":[79.44562280485182,40.02428622228184],"兵团四十九团":[],"齐干却勒街道":[79.0691747088168,39.86753398166596],"兵团图木舒克市永安坝":[79.01523921357355,39.83874907872354]}
图木舒克市行政划分代码
[{"name":"前海街道","code":"659003002000"},{"name":"兵团五十一团","code":""},{"name":"兵团四十四团","code":""},{"name":"兵团图木舒克市喀拉拜勒镇","code":""},{"name":"兵团五十团","code":""},{"name":"永安坝街道","code":"659003003000"},{"name":"兵团五十三团","code":""},{"name":"兵团四十九团","code":""},{"name":"齐干却勒街道","code":""},{"name":"兵团图木舒克市永安坝","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
