Laravel，用ajax渲染谷歌地址api

Question

我想呈现谷歌api，如果客户选择不提货，这是非常必要的，所以他必须通过填写谷歌地址表格来添加他的地址，我现在面临的是，当包括谷歌表格时，我必须添加脚本链接，这就是我收到错误的原因：您已多次在此页面上包含Google Maps JavaScript API。这可能会导致意外错误。这个问题的最佳解决方案是什么？

googleform.blade:

<input id="autocomplete" class="addressInput-textInput s-form-control input-overflow" onClick="this.select();" onFocus="geolocate()" type="text" autocapitalize="off" autocorrect="off" autocomplete="off" required=""/>
<script src="https://maps.googleapis.com/maps/api/js?key=0000&libraries=places&callback=initAutocomplete" defer></script>

jquery:

$.ajax .....
success: function (data) {
$('#update_order_status').html(data.update_order_status);
}
});

控制器：

$update_order_status = view('include.delivery_information')->render();      
return Response::json([
'update_order_status' => $update_order_status,
]);   

Answer 1

问题是因为它多次包含谷歌API脚本

从中删除callback=initAutocomplete

<script src="https://maps.googleapis.com/maps/api/js?key=0000&libraries=places&callback=initAutocomplete" defer></script>

并在更改时调用内部的initAutocomplete函数

<input id="autocomplete" class="addressInput-textInput s-form-control input-overflow" onClick="this.select();" onFocus="geolocate()" type="text" autocapitalize="off" autocorrect="off" autocomplete="off" required=""/>

并且在刀片中只添加一次脚本，而不是include.ddelivery_information