本文档为您介绍当单击轮播列表组件时,切换展示对应学校在地图上的位置信息和数据的方法。
背景信息
需要实现的交互:当单击用来展示学校排名的轮播列表组件内的某一行时,在地图组件上定位该学校位置,并通过散点层子组件返回该学校位置上的数据。
实现方案:轮播列表组件的数据中包含学校的位置数据。当单击轮播列表组件的某一行时,获取该行的位置数据,基础平面地图父组件对应更新数据修改经纬度,散点层返回对应的点位数据。
本文档为您介绍当单击轮播列表组件时,切换展示对应学校在地图上的位置信息和数据的方法。
需要实现的交互:当单击用来展示学校排名的轮播列表组件内的某一行时,在地图组件上定位该学校位置,并通过散点层子组件返回该学校位置上的数据。
实现方案:轮播列表组件的数据中包含学校的位置数据。当单击轮播列表组件的某一行时,获取该行的位置数据,基础平面地图父组件对应更新数据修改经纬度,散点层返回对应的点位数据。
return [
{
"id": 1,
"name": data.name,
"address": data.address,
"lat": data.lat,
"lng": data.lng,
"type": "ok",
}
];
return [{
"lng": data.lng,
"lat": data.lat,
"zoom": 13
}];
在文档使用中是否遇到以下问题
更多建议
匿名提交