Reactjs 谷歌将自动完成与谷歌地图一起放置-加载问题

我在我的项目中使用谷歌地图

现在我需要在地图中集成PlacesAPI

但似乎存在一些加载顺序问题，因此我得到以下错误

错误：[自动完成]：谷歌地图JavaScript API库 必须加载。见：

如果删除“位置”组件，则贴图可以正常工作

我需要两个组件一起工作

---

关于如何修复此问题，您有什么想法吗？

由于错误说明必须加载Google Maps JavaScript API库，因此可以考虑以下选项。通过添加对

public/index.html

的引用静态加载：

<script src="https://maps.googleapis.com/maps/api/js?key=--GOOGLE-MAPS-KEY--&libraries=places"></script-->

---

演示如何集成和使用@react google maps/api。我的解决方案是将

位置

添加到

库

字段

const {isLoaded} = useJsApiLoader({
    id: 'google-map-script',
    googleMapsApiKey: process.env.REACT_APP_GOOGLE_API_KEY as string,
    libraries: ["places"]
});

const {isLoaded} = useJsApiLoader({
    id: 'google-map-script',
    googleMapsApiKey: process.env.REACT_APP_GOOGLE_API_KEY as string,
    libraries: ["places"]
});