python - Django Admin中的谷歌地图自动完成添加表单

Question

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

Answer 1

你可以在 django admin 中轻松使用https://github.com/ubilabs/geocomplete/之类的东西——</p>

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