我在反应应用中使用react-google-maps和location-autocomplete。
在页面加载时,我收到了臭名昭着的:
“您已在此页面上多次添加Google Maps API。 这可能会导致意外错误。“
重复一遍,我通过模块使用地图,而不是直接包含<script>
标签。
克服这种情况的最佳方法是什么?
我在github上发现了这个issue,这似乎是相同的情况,有不同的库,但是它们对于它们的库('leaflet')的细节太深入了。我想知道是否有更通用的解决方案。
答案 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脚本的双重实例