gpt4 book ai didi

javascript - 带有谷歌地图标签的标记没有事件目标

转载 作者:行者123 更新时间:2023-12-05 06:52:19 25 4
gpt4 key购买 nike

我正在尝试将 onclick 事件添加到 Marker我的代码如下所示:

        <MarkerWithLabel
position={{ lat: val.coordinate.lat, lng: val.coordinate.lon }}
key={val.thumbnailUrl}
labelAnchor={new google.maps.Point(0, 0)}
labelClass={styles.marker_label}
onClick={(e)=>console.log( e )}
>
<div className={styles.preview}>
<img src={val.thumbnailUrl} alt={val.name} />
<p>{val.ratePlan.price.current}</p>
<p><b>{`${val.address.countryName}, ${val.address.locality}, ${val.address.region}, ${val.address.streetAddress}`}</b></p>
<p>Rating: {val.guestReviews.rating}</p>
</div>
</MarkerWithLabel>

我的事件没有目标。

我在控制台看到这个

 _.gp {latLng: _.I, domEvent: MouseEvent, pixel: _.N, Xa: undefined}

最佳答案

我使用 try catch 解决了这个问题。这是我的代码

<MarkerWithLabel
position={{ lat: val.coordinate.lat, lng: val.coordinate.lon }}
key={val.thumbnailUrl}
labelAnchor={new google.maps.Point(0, 0)}
// labelClass={val.id == GlobalStore.propertySelected ? styles.marker_label : styles.marker_label_selected}
labelClass={ styles.marker_label}

icon = {icon}
title={val.id.toString()}
onClick={(e)=>GlobalStore.setPropertySelected( e )}
>
<div className={styles.preview}>
{val.ratePlan.price.current}
</div>
</MarkerWithLabel>


setPropertySelected(e){
try {

if(e.currentTarget.title) {

console.log(e.currentTarget)

}

} catch(error) {

console.log(error);

}
}

现在可以了

关于javascript - 带有谷歌地图标签的标记没有事件目标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65992297/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com