Question

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

Answer 1

您可以在django admin -

中轻松使用https://github.com/ubilabs/geocomplete/之类的内容

覆盖更改表单模板以包含所需的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 %}

在你自己的js文件中：

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

这里有关于如何使用库填充表单的文档：

https://github.com/ubilabs/geocomplete/#populate-form-data

Answer 2

有一个名为django-location-field的Django管理窗口小部件完全符合您的要求。我在我的项目中使用它。

https://github.com/caioariede/django-location-field

Django Admin中的Google地图自动完成添加表单

2 个答案: