Javascript jquery和google places自动完成

我想将Google Places地址自动完成搜索添加到表单中。我看到了示例代码。我正在使用jquery，并且在一个单独的js文件中有我的ready函数。我已将示例函数放入该外部js文件中，并正在加载该文件

我的API密钥在Google API

script

tag中。但是没有调用

callback=initAutocomplete

js函数

我的脚本部分看起来像--是的，我有一个真正的API密钥：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"
        integrity="..." crossorigin="anonymous"></script>

<script src="https://maps.googleapis.com/maps/api/js?key=<MY-API-KEY>&libraries=places&callback=initAutocomplete"
        async defer></script>

<script src="js/index.js'"></script>

我在js控制台日志中没有看到任何错误。我没有看到在开发者工具“网络”面板中加载Google的东西

---

我错过了什么？我想你应该改变一下顺序

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"
        integrity="..." crossorigin="anonymous"></script>

<script src="js/index.js'"></script>

<script src="https://maps.googleapis.com/maps/api/js?key=<MY-API-KEY>&libraries=places&callback=initAutocomplete"
        async defer></script>

谢谢@hoang。那是个好主意。。。不是答案，而是个好主意。我最终使用了jquery

getscript（）

方法。现在它工作了，幸运的是它能帮助你。太好了^

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"
        integrity="..." crossorigin="anonymous"></script>

<script src="js/index.js'"></script>

<script src="https://maps.googleapis.com/maps/api/js?key=<MY-API-KEY>&libraries=places&callback=initAutocomplete"
        async defer></script>