{!loading ? (
<GoogleMapReact
defaultZoom={isEqual(latLong, USLatLong) ? 4 : 18}
defaultCenter={latLong.lat && latLong.lng ? latLong : USLatLong}
bootstrapURLKeys={{ key: process.env.REACT_APP_GMP_API_KEY }}
yesIWantToUseGoogleMapApiInternals
onGoogleApiLoaded={handleApiLoaded}
hoverDistance={20}
onTilesLoaded={() => setLoading(false)}
/>
) : (
<Loader />)}
我有一个状态变量加载。如果是真的,那么我想展示 Loader。如果它是假的,那么我想显示谷歌地图。
现在的问题是,在 google-map-react 中,地图加载完成后如何设置变量。
const [loading, setLoading] = useState(false);