При использовании пакета google-map-react
я не могу использовать опору onBoundsChanged
, получаю ошибку:
No overload matches this call.
Overload 1 of 2, '(props: Readonly<Props>): GoogleMapReact', gave the following error.
Type '{ children: Element; ref: any; bootstrapURLKeys: { key: string; }; defaultCenter: any; defaultZoom: any; onDrag: (map: any) => void; onBoundsChanged: (map: any) => void; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<GoogleMapReact> & Readonly<Props> & Readonly<...>'.
Property 'onBoundsChanged' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<GoogleMapReact> & Readonly<Props> & Readonly<...>'.
Это мой пример кода:
class Map extends Component<MapProps, MapState> {
render() {
return (
<div className="mapContainer">
<GoogleMapReact ref={this.map}
bootstrapURLKeys={{ key: "MY_API_KEY" }}
defaultCenter={this.props.center}
defaultZoom={this.props.zoom}
onDrag = { this.handleMapDrag }
onBoundsChanged = { ()=>{} }
>
<Marker
lat={this.state.center.lat}
lng={this.state.center.lng}
/>
</GoogleMapReact>
</div>
);
}
}
Есть идеи, что может быть не так? Я могу использовать реквизит onDrag без каких-либо проблем. Я также пытался с onBoundsChange
без удачи.
Спасибо.