手把手教你做出数据可视化项目(四)动态模拟航班飞行路线

您所在的位置:网站首页 导航怎么设置路线模拟 手把手教你做出数据可视化项目(四)动态模拟航班飞行路线

手把手教你做出数据可视化项目(四)动态模拟航班飞行路线

2024-07-12 01:23| 来源: 网络整理| 查看: 265

数据可视化前言:https://blog.csdn.net/diviner_s/article/details/115933789 项目最终效果图: 在这里插入图片描述 此篇博客为自己学习pink老师的课后完成的项目的总结与记录,仅供交流参考。版权所有,转载请标注原作者! 使用echarts技术做的可视图,此外其项目包含 的技术有html、css、js、jquerry、ajax、websocket、koa等。

文章目录 模拟航班飞行路线 数据预处理 1.地图经纬度坐标存储 2.路线规划 3.定义converData数组 特效设置 option设置

模拟航班飞行路线

在这里插入图片描述

这个动态模拟飞行路线展示的是从郑州去往其他城市的动态跃迁图。

今天分享的是“反转大地球”上面的模拟从郑州去往其他地区的动态路线,是不是看着很nice!!!

数据预处理

坐标依附于一个自定义的Echarts图层对象,也就是我们那个河南图层, 在这里插入图片描述 引入这个文件:

1.地图经纬度坐标存储

首先在ECharts地图的坐标需要我们存储在一个geoCoord属性里,它是一个JS的字典对象,由键/值对组成,键表示点的名称,值则表达它的坐标,由经纬度组成,它是一个数组。

var geoCoordMap = { // 由键/值对组成:位置名称/经纬度坐标 上海: [121.4648, 31.2891], 东莞: [113.8953, 22.901], 东营: [118.7073, 37.5513], 中山: [113.4229, 22.478], 临汾: [111.4783, 36.1615],临沂: [118.3118, 35.2936],丹东: [124.541, 40.4242],丽水: [119.5642, 28.1854],乌鲁木齐: [87.9236, 43.5883],佛山: [112.8955, 23.1097],保定: [115.0488, 39.0948],兰州: [103.5901, 36.3043],包头: [110.3467, 41.4899],北京: [116.4551, 40.2539],北海: [109.314, 21.6211],南京: [118.8062, 31.9208],南宁: [108.479, 23.1152],南昌: [116.0046, 28.6633],南通: [121.1023, 32.1625],厦门: [118.1689, 24.6478],台州: [121.1353, 28.6688],合肥: [117.29, 32.0581],呼和浩特: [111.4124, 40.4901],咸阳: [108.4131, 34.8706],哈尔滨: [127.9688, 45.368],唐山: [118.4766, 39.6826],嘉兴: [120.9155, 30.6354],大同: [113.7854, 39.8035],大连: [122.2229, 39.4409],天津: [117.4219, 39.4189],太原: [112.3352, 37.9413],威海: [121.9482, 37.1393],宁波: [121.5967, 29.6466],宝鸡: [107.1826, 34.3433],宿迁: [118.5535, 33.7775],常州: [119.4543, 31.5582],广州: [113.5107, 23.2196],廊坊: [116.521, 39.0509],延安: [109.1052, 36.4252],张家口: [115.1477, 40.8527],徐州: [117.5208, 34.3268],德州: [116.6858, 37.2107],惠州: [114.6204, 23.1647],成都: [103.9526, 30.7617],扬州: [119.4653, 32.8162],承德: [117.5757, 41.4075],拉萨: [91.1865, 30.1465],无锡: [120.3442, 31.5527],日照: [119.2786, 35.5023],昆明: [102.9199, 25.4663],杭州: [119.5313, 29.8773],枣庄: [117.323, 34.8926],柳州: [109.3799, 24.9774],株洲: [113.532


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3