Question

我不明白为什么onclick中的OverlayView无法正常工作。我已经将一个自定义对象（简单的div）作为BaloonLocationJob子级。

如何使OverlayView可点击？

<GoogleMap
        defaultZoom={16}
        defaultCenter={{ lat: props.job.latitude, lng: props.job.longitude }}
        options={{mapTypeControl:false,navigationControl:false,streetViewControl:false,scaleControl:false}}>
        {
            <OverlayView
                key={Math.random()}
                position={{ lat: props.job.latitude, lng: props.job.longitude }}
                onClick={props.hello}
                mapPaneName={OverlayView.OVERLAY_LAYER}>
                <BaloonLocationJob address={props.job.address} onClick={props.onToggleOpen/* todo: capire xke cazzo diocane non si triggera l'onclick*/}/>
            </OverlayView>
        }
</GoogleMap>

Answer 1

基于docs：覆盖视图没有onClick道具。但是您的child component（如果有onClick选项可以正常工作。

Answer 2

发现了问题。这是我的错，我没有正确阅读文档。我只是在OverlayView组件中更改了mapPaneName属性：

    <OverlayView
            key={Math.random()}
            position={{ lat: props.job.latitude, lng: props.job.longitude }}
            mapPaneName={OverlayView.OVERLAY_LAYER}>
            <BaloonLocationJob address={props.job.address}  onClick={props.onToggleOpen}/>
        </OverlayView>

收件人：

    <OverlayView
            key={Math.random()}
            position={{ lat: props.job.latitude, lng: props.job.longitude }}
            mapPaneName={OverlayView.OVERLAY_MOUSE_TARGET}>
            <BaloonLocationJob address={props.job.address}  onClick={props.onToggleOpen}/>
        </OverlayView>

onClick OverlayView react-google-maps

2 个答案: