小程序点击MARKER切换图标,上一个点击的MARKER变回原样
时间: 2024-04-30 21:23:52 浏览: 19
您可以通过以下步骤实现此功能:
1. 为每个MARKER定义一个唯一的ID,以便能够跟踪它们的状态。
2. 创建一个变量来存储上一个点击的MARKER的ID。
3. 在点击MARKER时,检查上一个点击的MARKER的ID是否存在。如果存在,则将其图标更改为原始图标。
4. 将当前点击的MARKER的ID存储在变量中,以便在下一次点击时可以将其重置为原始图标。
示例代码如下:
```
// 定义变量来跟踪上一个点击的MARKER的ID
var previousMarkerId = '';
// 点击MARKER时的事件处理程序
marker.onTap(function() {
// 检查上一个点击的MARKER是否存在
if (previousMarkerId !== '') {
// 如果存在,则将其图标更改为原始图标
var previousMarker = map.getMarkerById(previousMarkerId);
previousMarker.setIcon({
// 原始图标的路径
path: '...',
// 原始图标的尺寸
size: {
width: 32,
height: 32
}
});
}
// 将当前点击的MARKER的ID存储在变量中
previousMarkerId = marker.getId();
// 将当前点击的MARKER的图标更改为选中图标
marker.setIcon({
// 选中图标的路径
path: '...',
// 选中图标的尺寸
size: {
width: 32,
height: 32
}
});
});
```