6

我在反应应用程序中使用react-google-maps和位置自动完成。

在页面加载时，我收到了臭名昭著的消息：

“您在此页面上多次包含 Google Maps API。这可能会导致意外错误。”

重复一遍，我通过模块使用地图，而不是直接包含<script>标签。克服这种情况的最佳方法是什么？

我在 github 上发现了这个问题，这似乎是相同的情况，具有不同的库，但它们过于深入地了解其库的细节（“传单”）。我想知道是否有更通用的解决方案。

4

1 回答 1

0

您可以添加脚本：

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

到公共 > index.html 文件中的头部

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

于 2020-10-17T19:11:38.590 回答