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

时间:2017-11-09 07:54:29

标签: javascript google-maps-api-3 npm module react-google-maps

我在反应应用中使用react-google-mapslocation-autocomplete

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

  

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

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

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

1 个答案:

答案 0 :(得分: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脚本的双重实例