marker.on 的点击事件怎么传递参数
时间: 2024-02-09 12:10:14 浏览: 30
在使用 marker.on 的点击事件时,可以使用函数的方式传递参数。具体实现方法如下:
1.定义一个函数,该函数接收需要传递的参数。
```
function markerClick(param1, param2) {
console.log(param1, param2);
}
```
2.在 marker.on 的点击事件中调用该函数,并将需要传递的参数作为参数传递给该函数。
```
marker.on('click', function() {
markerClick('参数1', '参数2');
});
```
这样,当点击 marker 时,会执行 markerClick 函数,并将参数 '参数1' 和 '参数2' 传递给该函数,从而实现了在 marker.on 的点击事件中传递参数的功能。
相关问题
uniapp中marker.on 的点击事件怎么传递参数
在uniapp中,使用 marker.on 的方式与原生JavaScript相同,可以使用函数的方式传递参数。具体实现方法如下:
1.在data中定义需要传递的参数
```
data() {
return {
param1: '参数1',
param2: '参数2'
}
}
```
2.定义一个函数,该函数接收需要传递的参数。
```
function markerClick(param1, param2) {
console.log(param1, param2);
}
```
3.在 marker.on 的点击事件中调用该函数,并将需要传递的参数作为参数传递给该函数。
```
marker.on('click', function() {
markerClick(this.param1, this.param2);
});
```
这样,在 marker.on 的点击事件中,可以通过 this.param1 和 this.param2 获取到定义在 data 中的参数值,并将其作为参数传递给 markerClick 函数,从而实现了在 marker.on 的点击事件中传递参数的功能。
点击marker后把marker.chooseIcon的路径传到marker.iconPath上
对于这个问题,我们需要了解一下Marker的一些属性:
* `iconPath`:Marker的图标路径
* `chooseIcon`:Marker被选中时的图标路径
当Marker被点击时,我们可以在`callouttap`事件中获取到该Marker对象。然后,我们可以将`chooseIcon`的路径赋值给`iconPath`,就可以让Marker的图标显示为被选中时的图标了。
以下是代码示例:
```js
// 创建Marker对象,并设置chooseIcon属性
var marker = new qq.maps.Marker({
position: new qq.maps.LatLng(39.916527, 116.397128),
icon: {
path: qq.maps.SymbolPath.CIRCLE,
fillColor: '#EE0000',
fillOpacity: 0.8,
scale: 15,
strokeColor: '#000000',
strokeWeight: 2
},
chooseIcon: 'path/to/choose_icon.png'
});
// 绑定callouttap事件
qq.maps.event.addListener(marker, 'callouttap', function() {
// 切换iconPath为chooseIcon
marker.setIcon({
path: marker.chooseIcon,
fillColor: '#EE0000',
fillOpacity: 0.8,
scale: 15,
strokeColor: '#000000',
strokeWeight: 2
});
marker.iconPath = marker.chooseIcon;
});
```
在上述示例中,我们通过`setIcon`方法将Marker的图标切换为`chooseIcon`。然后,将`chooseIcon`的路径赋值给`iconPath`,这样当Marker被移开后再次点击时,图标就会显示为被选中时的图标。