随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理阿拉尔市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
阿拉尔市，新疆维吾尔自治区直辖县级市，与新疆生产建设兵团第一师实行师市合一管理体制，由新疆生产建设兵团管理，位于新疆阿克苏地区境内，北起天山南麓山地，南至塔克拉玛干沙漠北缘，属暖温带极端大陆性干旱荒漠气候，总面积6923.4平方千米。截至2022年10月，全市辖3个街道，15个镇，1个乡。 截至2022年底，全市总人口46.10万人。
echarts阿拉尔市geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts阿拉尔市geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts阿拉尔市geoJson地图迁徙图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
threejs阿拉尔市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话，可以观看threejs课程视频 WebGL前端3D可视化教程
threejs阿拉尔市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs阿拉尔市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
阿拉尔市 下辖有 兵团第一师水利水电工程处,青松路街道,金银川路街道,兵团第一师幸福农场,兵团第一师塔里木灌区水利管理处,中心监狱,南口街道,兵团八团,托喀依乡,兵团十六团,兵团十四团,兵团十团,兵团七团,工业园区,兵团十一团,兵团十三团,兵团十二团,幸福路街道,阿拉尔农场
阿拉尔市下辖区域坐标
{"兵团第一师水利水电工程处":[],"青松路街道":[81.24287585263129,40.54127211292439],"金银川路街道":[81.27075967306003,40.54731933743455],"兵团第一师幸福农场":[81.05393440255129,40.63635642139204],"兵团第一师塔里木灌区水利管理处":[],"中心监狱":[81.26661539950572,40.67077363600335],"南口街道":[81.3043678645472,40.50773367417067],"兵团八团":[],"托喀依乡":[],"兵团十六团":[80.80283062607126,40.45352909472479],"兵团十四团":[81.83024034180906,40.70150087541998],"兵团十团":[81.32570695019947,40.68044301130563],"兵团七团":[80.7067451976702,40.58534351033089],"工业园区":[],"兵团十一团":[81.67873874685083,40.553266582151],"兵团十三团":[81.5506537680651,40.58014649515693],"兵团十二团":[81.23672890537574,40.51418279965104],"幸福路街道":[81.30193192815894,40.55664005114011],"阿拉尔农场":[]}
阿拉尔市行政划分代码
[{"name":"兵团第一师水利水电工程处","code":""},{"name":"青松路街道","code":"659002003000"},{"name":"金银川路街道","code":"659002001000"},{"name":"兵团第一师幸福农场","code":""},{"name":"兵团第一师塔里木灌区水利管理处","code":""},{"name":"中心监狱","code":""},{"name":"南口街道","code":""},{"name":"兵团八团","code":""},{"name":"托喀依乡","code":"659002200000"},{"name":"兵团十六团","code":""},{"name":"兵团十四团","code":""},{"name":"兵团十团","code":""},{"name":"兵团七团","code":""},{"name":"工业园区","code":"659002402000"},{"name":"兵团十一团","code":""},{"name":"兵团十三团","code":""},{"name":"兵团十二团","code":""},{"name":"幸福路街道","code":"659002002000"},{"name":"阿拉尔农场","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
