Python Django管理添加表单中的Google地图自动完成

Python Django管理添加表单中的Google地图自动完成,python,django,autocomplete,django-admin,django-admin-actions,Python,Django,Autocomplete,Django Admin,Django Admin Actions,我有一个使用源和目标字段的模型,这些字段通常是从前端模板填充的。模板有两个表单字段,它们与谷歌地图自动完成API关联。但如果我想通过管理面板创建一个新对象,我如何将自动完成API与添加表单的源和目标字段集成 您可以轻松地使用类似于django admin的东西- 覆盖更改表单模板以包含所需的js: {% load staticfiles %} {% block extrahead %}{{ block.super }} <script src="http://maps.google

我有一个使用源和目标字段的模型,这些字段通常是从前端模板填充的。模板有两个表单字段,它们与谷歌地图自动完成API关联。但如果我想通过管理面板创建一个新对象,我如何将自动完成API与添加表单的源和目标字段集成

您可以轻松地使用类似于django admin的东西-

覆盖更改表单模板以包含所需的js:

{% load staticfiles %}
{% block extrahead %}{{ block.super }}
    <script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/geocomplete/1.4/jquery.geocomplete.min.js"></script>

    <script src="{% static 'path/to/your/js/geocomplete.js' %}"></script>

{% endblock %}
此处介绍如何使用库填充表单的文档:


有一个名为Django admin的小部件,它完全按照您的要求执行。我在我的项目中使用它

$("#address_input").geocomplete();