小编Ker*_*han的帖子

React 中的 Google 地图 MarkerClusterer 与 @react-google-maps/api

当我想从@react-google-maps/api实现 MarkerClusterer 时,出现错误。

我得到的错误是

没有重载与此调用匹配。重载第 1 个(共 2 个)“(props:MarkerClustererProps | Readonly):ClustererComponent”出现以下错误。类型“Element[]”缺少类型“ReactElement<any,any>”中的以下属性:类型、道具、键重载 2 个,共 2 个,“(props: MarkerClustererProps,上下文:any):ClustererComponent”,出现以下错误。类型“Element[]”不可分配给类型“Element”.ts(2769) index.d.ts(378, 15):预期类型来自此签名的返回类型。index.d.ts(378, 15):预期类型来自此签名的返回类型。

您可以检查下面的代码。(我只分享整个代码的相关部分)


import React, { useEffect, useState, useRef } from 'react';
import { GoogleMap, useJsApiLoader, Marker, MARKER_LAYER, OverlayView, MarkerClusterer } from '@react-google-maps/api';
import './app.css';
import PlacesAutocomplete from './components/PlacesAutocomplete';


const containerStyle = {
    width: '100vw',
    height: '100vh',
};


const App = () => {
    const [center, setCenter] = useState({ lat: 39.015137, lng: 34.97953 });
    const [zoom, setZoom] = useState(6);
    const [markers, setMarkers] …
Run Code Online (Sandbox Code Playgroud)

google-maps google-maps-api-3 google-maps-markers markerclusterer google-maps-react

4
推荐指数
1
解决办法
6090
查看次数