由于两个模块,Google Maps API出现两次错误

Ork*_*zen 5 javascript module google-maps-api-3 npm react-google-maps

我在react应用程序中使用react-google-maps以及location-autocomplete.

在页面加载时,我收到了臭名昭着的:

"您已在此页面上多次添加Google Maps API.这可能会导致意外错误."

重复一遍,我通过模块使用地图,而不是直接包含<script>标签.克服此类案件的最佳方法是什么?

我在github上发现了这个问题,这似乎是相同的情况,有不同的库,但是他们对于他们的库('leaflet')的具体细节太深入了.我想知道是否有更通用的解决方案.

小智 0

您可以添加脚本:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key={{ YOUR CODE }}&libraries=places&sensor=false"></script>
Run Code Online (Sandbox Code Playgroud)

到 public >index.html 文件中的头部

并从运行<GoogleMap>组件的文件中删除<LoadScript>包装器,因为如果父组件刷新,可能会导致地图脚本的双重实例