onClick OverlayView реакции-Google-карты - PullRequest
Новая
       22

onClick OverlayView реакции-Google-карты

0 голосов
/ 09 ноября 2018

Я не могу понять, почему onclick в OverlayView не работает. Я поставил пользовательский объект (просто div) как child, это 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>

1 Ответ

0 голосов
/ 10 ноября 2018

Нашел проблему. Это была моя вина, я не правильно прочитал документ. Я только что изменил упор mapPaneName в компоненте OverlayView: 

    <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>
...