点击marker后把marker.chooseIcon的路径传到marker.iconPath上
时间: 2023-05-26 20:07:31 浏览: 86
对于这个问题,我们需要了解一下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被移开后再次点击时,图标就会显示为被选中时的图标。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)