markers: [{ iconPath: "/images/location.png", id: 0, latitude: 32.060255, longitude: 118.796877, width: 50, height: 50 }, { iconPath: "/images/location.png", id: 1, latitude: 31.2304, longitude: 121.4737, width: 50, height: 50 }, { iconPath: "/images/location.png", id: 2, latitude: 39.9042, longitude: 116.4074, width: 50, height: 50 }], mapWidth: 0, mapHeight: 0 },怎么把这一部分变成一个 接口,前端发出需要接受一个经纬度,后端传输一个经纬度,然后再前端的页面展示
时间: 2024-02-25 08:57:27 浏览: 134
如果您想要将markers这一部分变成接口的形式,可以考虑使用后端提供的接口获取经纬度信息。
首先,前端需要向后端发送一个请求,请求包含需要展示的经纬度信息,例如以下的请求:
```
GET /markers?longitude=118.796877&latitude=32.060255
```
后端接受到请求后,根据请求参数获取对应的经纬度信息,然后将获取到的信息封装成一个JSON对象返回给前端,例如:
```
{
"markers": [
{
"iconPath": "/images/location.png",
"id": 0,
"latitude": 32.060255,
"longitude": 118.796877,
"width": 50,
"height": 50
},
{
"iconPath": "/images/location.png",
"id": 1,
"latitude": 31.2304,
"longitude": 121.4737,
"width": 50,
"height": 50
},
{
"iconPath": "/images/location.png",
"id": 2,
"latitude": 39.9042,
"longitude": 116.4074,
"width": 50,
"height": 50
}
],
"mapWidth": 0,
"mapHeight": 0
}
```
前端接受到返回的JSON对象后,可以将其中的markers信息展示在页面上,例如使用小程序中的地图组件来展示地图和markers。在展示时,可以将返回的markers信息直接传递给地图组件即可。
当需要展示不同的经纬度信息时,只需要修改请求参数,后端就会返回对应的markers信息。
阅读全文