0

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

4

2 回答 2

2

你可以在 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

于 2015-03-09T14:48:02.957 回答
0

有一个名为django-location-field的 Django 管理小部件,可以完全按照您的要求进行操作。我在我的项目中使用它。

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

于 2015-03-29T13:05:51.870 回答