由于两个模块，Google Maps API 两次错误
Posted
技术标签:
【中文标题】由于两个模块，Google Maps API 两次错误【英文标题】：Google Maps API twice error due to two modules 【发布时间】：2018-04-22 03:20:11 【问题描述】：我在 react 应用程序中使用 react-google-maps 和 location-autocomplete。
在页面加载时，我收到臭名昭著的：
“您已在此页面上多次包含 Google Maps API。 这可能会导致意外错误。”
重复一遍，我通过模块使用地图，而不是直接包含<script> 标签。
克服这种情况的最佳方法是什么？
我在 github 上找到了这个 issue，这似乎是相同的情况，具有不同的库，但它们过于深入到其库的细节（“传单”）。我想知道是否有更通用的解决方案。
【问题讨论】：
我也面临同样的问题。你解决了吗？ 我有。但我真的不记得如何了。 :(它可能与'withScripts()'有关。你是否使用它？把它拿出来可能解决了我的问题。github.com/tomchentw/react-google-maps/issues/812 感谢您的信息。我发现了这个解决方案：***.com/questions/51442761/… 到目前为止还没有看到任何问题。如果我撞墙会通知你... 【参考方案1】：您可以添加脚本：
<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 脚本的双重实例
【讨论】：
以上是关于由于两个模块，Google Maps API 两次错误的主要内容，如果未能解决你的问题，请参考以下文章
在 google maps api v3 中独立与 geojson 图层交互
如何在 Google Maps API 中的两个标记之间绘制路线？
使用 Google Maps API 查找两个位置之间的路线和距离并将其呈现在表格中