travel-visualization-screen

VUE3 组合式API开发，使用ECharts、axios、Pinia库 使用了v-scale-screen 固定长宽比，做大屏适配

主要功能

展示个人旅行足迹，车票机票信息，航线图，已探索机场和火车站，搭乘航空公司统计，搭乘铁路车型统计，已打卡旅游景区统计

当前仅支持中国地图

说明

本项目是前端项目，已写入请求接口，须配合后端服务器才能正常使用，预制的API接口见后文

Project Setup 如何开始

安装依赖

npm install

运行项目

npm run dev

npm run build

API说明文档

getTotalData

• 功能：请求已探索多少省市区
• 请求方法：GET
• 参数：null

返回示例

{
    "province":5,
    "city":24,
    "area":75
}

getGeoData

• 功能：请求GeoJson标准地图文件
• 请求方法：POST
• 参数：code
• 参数含义：行政区编号 参数描述

示例	返回含义
china	中国地图
110000	北京市

getStatisticsData

• 功能：获取航空/铁路统计数据
• 请求方法：POST
• 参数：type
• 参数含义：请求的数据类型 参数描述

示例	返回含义
Normal	默认(航空)数据
Flight	航空数据
Train	铁路数据

返回示例

{
  "panel1":{
      "tittle":"铁路",
      "data":{
          "里程":"4090",
          "时长":"7:51",
          "车次":"3",
          "站点":"4"
      }
  },
  "panel2":{
    "tittle":"铁路",
    "data":[
      {
        "name":"普快",
        "num":"3"
      },
      {
        "name":"动车",
        "num":"2"
      },
    ·········
    ]
  }
}

getTicketData

• 功能：获取车票机票信息
• 请求方法：POST
• 参数：type
• 参数含义：请求的数据类型 参数描述

示例	返回含义
Normal	默认(机票+车票)数据
Flight	机票数据
Train	铁路车票数据

返回示例

[
    {
        "Number": "MU2320",
        "From": "ZGSZ",
        "To": "ZLXY",
        "time": "2h23min",
        "more": {
            "起点": "深圳宝安",
            "终点": "西安咸阳",
            "起飞时间": "2023/8/8 9:56",
            "降落时间": "2023/8/8 19:56",
            "注册号": "B6616",
            "机型": "A320-300",
            "里程/km": "1104",
            "经停": "吉安井冈山"
        }
    },
    ·········
]

getScenicSpotData

• 功能：获取景区足迹
• 请求方法：POST
• 参数：code
• 参数含义：行政区编号 参数描述

示例	返回含义
china	中国地图
110000	北京市

返回示例

[
    {
      "name":"陕西历史博物馆",
      "Adder":"陕西省/西安市/临潼区",
      "Rank":"1"
    },
    {
      "name":"兵马俑博物馆",
      "Adder":"陕西省/西安市/临潼区",
      "Rank":"2"
    },
    ·········
  ]

getCityPercentSourceData

• 功能：获取柱状图统计数据
• 请求方法：POST
• 参数：code
• 参数含义：行政区编号 参数描述

示例	返回含义
china	中国地图
110000	北京市

返回示例

[
    {
        "name": "北京市",
        "went": "3",
        "total": "16",
        "percent": "18.75"
    },
    {
        "name": "江苏省",
        "went": "2",
        "total": "13",
        "percent": "15.38"
    },
    ·········
]

getAirportData

• 功能：获取地图中已探索的机场
• 请求方法：GET

返回示例

[
    {
        "name":"西安咸阳国际机场",
        "value":[108.762383,34.437202]
    },
    ·········
]

getRailwayStationData

• 功能：获取地图中已探索的火车站
• 请求方法：GET

返回示例

[
    {
        "name":"西安北",
        "value":[108.938512,34.376164]
    },
    ·········
]

getPlaneRouteData

• 功能：获取地图中已探索的航线
• 请求方法：GET

返回示例

[

    {
        "coords": [
            [108.762383,34.437202],
            [118.87114,31.731449]
            ],
        "name":"ZLXY-ZSNJ"
    },
    ·········
]