Flask Google Maps API自动完成Jquery无法识别
我想从谷歌实现简单的自动完成function，就像在他们的示例中一样简单： Google自动填充示例
我创建了一个随机的html页面并使用我的API密钥测试了代码，它运行正常。
现在我正在努力将这个代码实现到我的烧瓶应用程序中。 我没有收到任何错误，但是当我输入城市名称时没有自动填充，当然如果我提交我输入的内容，我会收到错误：
main.js:38 Uncaught TypeError: Cannot read property 'length' of undefined 我在页脚底部的basic.html中加载我的Jquery和我的JS（我的其他每个页面都扩展了这个基本的html，因为还有导航栏和头部）：
{% block footer %} {% endblock %} {% block googlemapjs %}{% endblock %}
在我的main.js中，只有谷歌示例中的代码，仅此而已。 在我的zimmer_einstellen.html中，我正在尝试实现自动完成function：
{% extends "basic.html" %} {% block content %}
Street address City State Zip code Country
{% endblock %} {% block googlemapjs %}{% endblock %}
我已经尝试了很多可能性来实现它在烧瓶中但没有任何效果，代码本身是可以的，因为在单个html页面上它工作正常。 我错过了什么？
编辑：
我刚刚测试了一个简单的alert（）函数onload，它也没有用，所以jQuery根本不被识别，但是路径是正确的（我在浏览器中通过HTML视图检查了路径）
编辑2：
好的，所以问题很奇怪，我的jQuery只能在basic.html本身上识别，但在任何扩展基本html的页面上都没有。 我该如何解决？
你没有在你的html中调用geolocate()函数。 我也看不出它在单个html页面上是如何工作的。
从googles示例中，您需要添加以下内容：
另外，正如前一个问题中已经讨论的那样，这不是jQuery问题。 AFAIK Google API可以在localhost上运行。
您可以告诉开发者控制台说什么吗？ （打开页面 – >打开控制台日志（chrome中的f12） – >刷新页面）