javascript - 由于两个模块，Google Maps API 两次错误

Question

我正在使用 react-google-maps连同 location-autocomplete在 react 应用程序中。

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

"You have included the Google Maps API multiple times on this page. This may cause unexpected errors."

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

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

Answer 1

您可以添加脚本:

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

到公共(public) > index.html 文件中的头部
并从您运行 <GoogleMap> 的文件中组件删除 <LoadScript> wrapper 因为如果父组件刷新它可能会导致 Maps 脚本的双重实例