Laravel，用ajax渲染谷歌地址api

Question

我要渲染google api，如果客户选择送货不提货，这是非常必要的，所以他必须通过填写google地址表单添加他的地址，我现在面临的只是包含google表单时，那么我必须添加脚本链接，这就是我收到错误的原因： 您已在此页面上多次包含 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

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

从

中删除callback=initAutocomplete

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

并在on change的内部调用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.delivery_information