mirror of
https://github.com/django/django.git
synced 2025-09-18 06:59:12 +00:00
0a67611b81
OpenLayersWidget and OSMWidget load map tiles from NASA and OpenStreetMap, respectively. When CSP is enabled, appropriate directives must be added to allow these resources to load.
274 lines
7.8 KiB
Plaintext
274 lines
7.8 KiB
Plaintext
===================
|
|
GeoDjango Forms API
|
|
===================
|
|
|
|
.. module:: django.contrib.gis.forms
|
|
:synopsis: GeoDjango forms API.
|
|
|
|
GeoDjango provides some specialized form fields and widgets in order to
|
|
visually display and edit geolocalized data on a map. By default, they use
|
|
`OpenLayers`_-powered maps, with a base WMS layer provided by `NASA`_.
|
|
|
|
.. _OpenLayers: https://openlayers.org/
|
|
.. _NASA: https://www.earthdata.nasa.gov/
|
|
|
|
Field arguments
|
|
===============
|
|
In addition to the regular :ref:`form field arguments <core-field-arguments>`,
|
|
GeoDjango form fields take the following optional arguments.
|
|
|
|
``srid``
|
|
--------
|
|
|
|
.. attribute:: Field.srid
|
|
|
|
This is the SRID code that the field value should be transformed to. For
|
|
example, if the map widget SRID is different from the SRID more generally
|
|
used by your application or database, the field will automatically convert
|
|
input values into that SRID.
|
|
|
|
``geom_type``
|
|
-------------
|
|
|
|
.. attribute:: Field.geom_type
|
|
|
|
You generally shouldn't have to set or change that attribute which should
|
|
be set up depending on the field class. It matches the OpenGIS standard
|
|
geometry name.
|
|
|
|
Form field classes
|
|
==================
|
|
|
|
``GeometryField``
|
|
-----------------
|
|
|
|
.. class:: GeometryField
|
|
|
|
``PointField``
|
|
--------------
|
|
|
|
.. class:: PointField
|
|
|
|
``LineStringField``
|
|
-------------------
|
|
|
|
.. class:: LineStringField
|
|
|
|
``PolygonField``
|
|
----------------
|
|
|
|
.. class:: PolygonField
|
|
|
|
``MultiPointField``
|
|
-------------------
|
|
|
|
.. class:: MultiPointField
|
|
|
|
``MultiLineStringField``
|
|
------------------------
|
|
|
|
.. class:: MultiLineStringField
|
|
|
|
``MultiPolygonField``
|
|
---------------------
|
|
|
|
.. class:: MultiPolygonField
|
|
|
|
``GeometryCollectionField``
|
|
---------------------------
|
|
|
|
.. class:: GeometryCollectionField
|
|
|
|
Form widgets
|
|
============
|
|
|
|
.. module:: django.contrib.gis.forms.widgets
|
|
:synopsis: GeoDjango widgets API.
|
|
|
|
GeoDjango form widgets allow you to display and edit geographic data on a
|
|
visual map.
|
|
Note that none of the currently available widgets supports 3D geometries, hence
|
|
geometry fields will fallback using a ``Textarea`` widget for such data.
|
|
|
|
Widget attributes
|
|
-----------------
|
|
|
|
GeoDjango widgets are template-based, so their attributes are mostly different
|
|
from other Django widget attributes.
|
|
|
|
.. attribute:: BaseGeometryWidget.base_layer
|
|
|
|
.. versionadded:: 6.0
|
|
|
|
A string that specifies the identifier for the default base map layer to be
|
|
used by the corresponding JavaScript map widget. It is passed as part of
|
|
the widget options when rendering, allowing the ``MapWidget`` to determine
|
|
which map tile provider or base layer to initialize (default is ``None``).
|
|
|
|
.. attribute:: BaseGeometryWidget.geom_type
|
|
|
|
The OpenGIS geometry type, generally set by the form field.
|
|
|
|
.. attribute:: BaseGeometryWidget.map_srid
|
|
|
|
SRID code used by the map (default is 4326).
|
|
|
|
.. attribute:: BaseGeometryWidget.display_raw
|
|
|
|
Boolean value specifying if a textarea input showing the serialized
|
|
representation of the current geometry is visible, mainly for debugging
|
|
purposes (default is ``False``).
|
|
|
|
.. attribute:: BaseGeometryWidget.supports_3d
|
|
|
|
Indicates if the widget supports edition of 3D data (default is ``False``).
|
|
|
|
.. attribute:: BaseGeometryWidget.template_name
|
|
|
|
The template used to render the map widget.
|
|
|
|
You can pass widget attributes in the same manner that for any other Django
|
|
widget. For example::
|
|
|
|
from django.contrib.gis import forms
|
|
|
|
|
|
class MyGeoForm(forms.Form):
|
|
point = forms.PointField(widget=forms.OSMWidget(attrs={"display_raw": True}))
|
|
|
|
Widget classes
|
|
--------------
|
|
|
|
``BaseGeometryWidget``
|
|
|
|
.. class:: BaseGeometryWidget
|
|
|
|
This is an abstract base widget containing the logic needed by subclasses.
|
|
You cannot directly use this widget for a geometry field.
|
|
Note that the rendering of GeoDjango widgets is based on a base layer name,
|
|
identified by the :attr:`base_layer` class attribute.
|
|
|
|
``OpenLayersWidget``
|
|
|
|
.. class:: OpenLayersWidget
|
|
|
|
This is the default widget used by all GeoDjango form fields. Attributes
|
|
are:
|
|
|
|
.. attribute:: base_layer
|
|
|
|
.. versionadded:: 6.0
|
|
|
|
``nasaWorldview``
|
|
|
|
.. attribute:: template_name
|
|
|
|
``gis/openlayers.html``.
|
|
|
|
.. attribute:: map_srid
|
|
|
|
``3857``
|
|
|
|
``OpenLayersWidget`` and :class:`OSMWidget` include the ``ol.js`` and
|
|
``ol.css`` files hosted on the ``cdn.jsdelivr.net`` content-delivery
|
|
network. These files can be overridden by subclassing the widget and
|
|
setting the ``js`` and ``css`` properties of the inner ``Media`` class (see
|
|
:ref:`assets-as-a-static-definition`).
|
|
|
|
.. admonition:: External assets with CSP
|
|
|
|
When :class:`~django.middleware.csp.ContentSecurityPolicyMiddleware` is
|
|
enabled, the default OpenLayers CDN assets (``ol.js`` and ``ol.css``)
|
|
will be blocked unless explicitly allowed. This can be addressed in one
|
|
of two ways: **serve assets locally** by subclassing the widget and
|
|
provide local copies of the JavaScript and CSS files, or
|
|
**allow the CDN in the CSP policy**.
|
|
|
|
For example, to allow the default NASA Worldview base layer (replace
|
|
``x.y.z`` with the actual version)::
|
|
|
|
from django.utils.csp import CSP
|
|
|
|
SECURE_CSP = {
|
|
"default-src": [CSP.SELF],
|
|
"script-src": [CSP.SELF, "https://cdn.jsdelivr.net/npm/ol@x.y.z/dist/ol.js"],
|
|
"style-src": [CSP.SELF, "https://cdn.jsdelivr.net/npm/ol@x.y.z/ol.css"],
|
|
"img-src": [CSP.SELF, "https://*.earthdata.nasa.gov"],
|
|
}
|
|
|
|
``OSMWidget``
|
|
|
|
.. class:: OSMWidget
|
|
|
|
This widget specialized :class:`OpenLayersWidget` and uses an OpenStreetMap
|
|
base layer to display geographic objects on. Attributes are:
|
|
|
|
.. attribute:: base_layer
|
|
|
|
.. versionadded:: 6.0
|
|
|
|
``osm``
|
|
|
|
.. attribute:: default_lat
|
|
.. attribute:: default_lon
|
|
|
|
The default center latitude and longitude are ``47`` and ``5``,
|
|
respectively, which is a location in eastern France.
|
|
|
|
.. attribute:: default_zoom
|
|
|
|
The default map zoom is ``12``.
|
|
|
|
The :class:`OpenLayersWidget` note about using external assets also applies
|
|
here. See also this `FAQ answer`_ about ``https`` access to map tiles.
|
|
|
|
.. admonition:: OpenStreetMap tiles with CSP
|
|
|
|
This widget uses OpenStreetMap tiles instead of NASA Worldview. If
|
|
:ref:`security-csp` enabled, both the OpenLayers CDN resources (as
|
|
required by :class:`OpenLayersWidget`) and the OpenStreetMap tile
|
|
servers must be allowed::
|
|
|
|
from django.utils.csp import CSP
|
|
|
|
SECURE_CSP = {
|
|
# other directives
|
|
"img-src": [CSP.SELF, "https://tile.openstreetmap.org"],
|
|
}
|
|
|
|
.. _FAQ answer: https://help.openstreetmap.org/questions/10920/how-to-embed-a-map-in-my-https-site
|
|
|
|
.. versionchanged:: 6.0
|
|
|
|
The ``OSMWidget`` no longer uses a custom template. Consequently, the
|
|
``gis/openlayers-osm.html`` template was removed.
|
|
|
|
.. _geometry-widgets-customization:
|
|
|
|
Customizing the base layer used in OpenLayers-based widgets
|
|
-----------------------------------------------------------
|
|
|
|
.. versionadded:: 6.0
|
|
|
|
To customize the base layer displayed in OpenLayers-based geometry widgets,
|
|
define a new layer builder in a custom JavaScript file. For example:
|
|
|
|
.. code-block:: javascript
|
|
:caption: ``path-to-file.js``
|
|
|
|
MapWidget.layerBuilder.custom_layer_name = function () {
|
|
// Return an OpenLayers layer instance.
|
|
return new ol.layer.Tile({source: new ol.source.<ChosenSource>()});
|
|
};
|
|
|
|
Then, subclass a standard geometry widget and set the ``base_layer``::
|
|
|
|
from django.contrib.gis.forms.widgets import OpenLayersWidget
|
|
|
|
|
|
class YourCustomWidget(OpenLayersWidget):
|
|
base_layer = "custom_layer_name"
|
|
|
|
class Media:
|
|
js = ["path-to-file.js"]
|