当前位置: 首页 > 知识库问答 >
问题:

javascript - 用vue3做一个类似于电影院选票的?

时浩波
2023-07-18
{  "data": {    "list": [      {        "floorName": "-1",        "locationCoordinatesList": [          {            "latitude": 30.574561881723127,            "longitude": 104.22497091923961          },          {            "latitude": 30.57458292240704,            "longitude": 104.22492076926962          },          {            "latitude": 30.57456319805832,            "longitude": 104.22491144145799          },          {            "latitude": 30.574542506843034,            "longitude": 104.22496187932566          },          {            "latitude": 30.574561881723127,            "longitude": 104.22497091923961          }        ],        "parkingSpacesNum": "001",        "parkingSpacesStatus": "空闲"      },      {        "floorName": "-1",        "locationCoordinatesList": [          {            "latitude": 30.574583293538684,            "longitude": 104.22498047465163          },          {            "latitude": 30.57460263591745,            "longitude": 104.2249307295726          },          {            "latitude": 30.57458292240704,            "longitude": 104.22492076926962          },          {            "latitude": 30.574561881723127,            "longitude": 104.22497091923961          },          {            "latitude": 30.574583293538684,            "longitude": 104.22498047465163          }        ],        "parkingSpacesNum": "002",        "parkingSpacesStatus": "空闲"      },      {        "floorName": "-1",        "locationCoordinatesList": [          {            "latitude": 30.574583293538684,            "longitude": 104.22498047465163          },          {            "latitude": 30.574604252606484,            "longitude": 104.22499023570855          },          {            "latitude": 30.5746223693153,            "longitude": 104.22494080395641          },          {            "latitude": 30.57460263591745,            "longitude": 104.2249307295726          },          {            "latitude": 30.574583293538684,            "longitude": 104.22498047465163          }        ],        "parkingSpacesNum": "003",        "parkingSpacesStatus": "空闲"      }    ],    "pages": 1,    "total": 130  },  "msg": "ok"}

上面是后台返回的一部分数据
请问大佬们有知道如何通过这些数据 ,做一个类似于电影院选票的那种嘛?想做的是一个停车场的车位的选择那种

共有1个答案

卢俊发
2023-07-18

本质应该还是在地图上创建停车位的点位元素,通过元素选中事件,将数据传递给后台,如果不是渲染地图上。但我不确定你是要渲染在地图上的吗?

 类似资料:
  • 本文向大家介绍Android实现电影院选座效果,包括了Android实现电影院选座效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android实现电影院选座效果展示的具体代码,供大家参考,具体内容如下 这是一个简单的电影院选座效果,实现该效果大致分为三步: 1.自定义view进行绘制; 2.手势缩放效果的实现; 3.手势触摸被选和未被选效果的实现; 先来看第一步,效果的绘制;

  • 我想做一个跟https://geojson.io/一样的可交互的地球,而且还不卡,请问应该用什么方案实现?

  • 声明函数以映射值并在存在值时使用它们是很方便的。 在您有几个强制对象和几个可选对象的情况下,我发现自己将其他对象包装为可选对象。也可以使用(mandatoryObject),这样我就可以在它们上使用相同的表达式,而不必全部倒写。 但是我不喜欢这个代码: 所以我把它包装起来: 但这是错误的,因为蔬菜(在这个例子中)实际上不是可选的。它们非常重要,我只是给每个人的印象是它们是可选的。 所以我的问题是:

  • 本文向大家介绍C#实现影院售票系统,包括了C#实现影院售票系统的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了C#实现影院售票系统的具体代码,供大家参考,具体内容如下 本人认为此项目的难点有4点 1.首先是将解析完的XML文件绑定到TreeView上 2.用代码动态生成座位的label,生成触发事件Label_Click,俩组放映时间的售出座位是不同的 3.用序列化与反序列化实现代码

  • 要存储影片,我们需要一张电影(Movie)表。我们可以使用传统的方式创建该表,如使用 SQL Management Studio,但是我们更喜欢使用 Fluent Migrator 创建 迁移类(migration) 的方式创建表。 Fluent Migrator 是一个 .NET 迁移框架,它与 Ruby 的 Rails 迁移框架类似。迁移(Migrations)用结构化的方式改变数据库架构(d

  • 如果我们还想在影片表中保存电视剧和微电影,那我们就需要另一个字段(MovieKind)来存储它。 我们在创建影片(Movie)表时并没有添加 MovieKind 字段,现在我们用另一个迁移类把它添加到数据库中。 不要修改现有的迁移类,因为现有的迁移类不会再次运行。 在 Modules/Common/Migrations/DefaultDB/ DefaultDB_20160519_145500_Mo