mirrors/django
1
0
Fork 0
mirror of https://github.com/django/django.git synced 2024-12-22 00:55:44 +00:00
Code Issues 25 Releases Wiki Activity

Upgraded OpenLayers to v.7.2.2.

Browse Source
This commit is contained in:
Claude Paroz 2022-12-29 08:30:30 +01:00 committed by GitHub
parent 279967ec85
commit 1833eb3f3e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 36 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
django/contrib/gis/forms/widgets.py
View File

@ -102,12 +102,12 @@ class OpenLayersWidget(BaseGeometryWidget):
class Media:
css = {
"all": (
"https://cdnjs.cloudflare.com/ajax/libs/ol3/4.6.5/ol.css",
"https://cdn.jsdelivr.net/npm/ol@v7.2.2/ol.css",
"gis/css/ol3.css",
)
}
js = (
"https://cdnjs.cloudflare.com/ajax/libs/ol3/4.6.5/ol.js",
"https://cdn.jsdelivr.net/npm/ol@v7.2.2/dist/ol.js",
"gis/js/OLMapWidget.js",
)

57
django/contrib/gis/static/gis/js/OLMapWidget.js
View File

@ -1,39 +1,40 @@
/* global ol */
'use strict';
function GeometryTypeControl(opt_options) {
class GeometryTypeControl extends ol.control.Control {
// Map control to switch type when geometry type is unknown
const options = opt_options || {};
constructor(opt_options) {
const options = opt_options || {};
const element = document.createElement('div');
element.className = 'switch-type type-' + options.type + ' ol-control ol-unselectable';
if (options.active) {
element.classList.add("type-active");
}
const self = this;
const switchType = function(e) {
e.preventDefault();
if (options.widget.currentGeometryType !== self) {
options.widget.map.removeInteraction(options.widget.interactions.draw);
options.widget.interactions.draw = new ol.interaction.Draw({
features: options.widget.featureCollection,
type: options.type
});
options.widget.map.addInteraction(options.widget.interactions.draw);
options.widget.currentGeometryType.element.classList.remove('type-active');
options.widget.currentGeometryType = self;
const element = document.createElement('div');
element.className = 'switch-type type-' + options.type + ' ol-control ol-unselectable';
if (options.active) {
element.classList.add("type-active");
}
};
element.addEventListener('click', switchType, false);
element.addEventListener('touchstart', switchType, false);
super({
element: element,
target: options.target
});
const self = this;
const switchType = function(e) {
e.preventDefault();
if (options.widget.currentGeometryType !== self) {
options.widget.map.removeInteraction(options.widget.interactions.draw);
options.widget.interactions.draw = new ol.interaction.Draw({
features: options.widget.featureCollection,
type: options.type
});
options.widget.map.addInteraction(options.widget.interactions.draw);
options.widget.currentGeometryType.element.classList.remove('type-active');
options.widget.currentGeometryType = self;
element.classList.add("type-active");
}
};
ol.control.Control.call(this, {
element: element
});
};
ol.inherits(GeometryTypeControl, ol.control.Control);
element.addEventListener('click', switchType, false);
element.addEventListener('touchstart', switchType, false);
}
}
// TODO: allow deleting individual features (#8972)
class MapWidget {

3
docs/releases/4.2.txt
View File

@ -149,6 +149,9 @@ Minor features
removes the former ``map_css`` block) to better comply with a strict Content
Security Policy.
* :class:`~django.contrib.gis.forms.widgets.OpenLayersWidget` is now based on
OpenLayers 7.2.2 (previously 4.6.5).
:mod:`django.contrib.messages`
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

2
js_tests/gis/mapwidget.test.js
View File

@ -33,7 +33,7 @@ QUnit.test('MapWidget.defaultCenter', function(assert) {
'6.81,47.08',
'Default center at 6.81, 47.08'
);
assert.equal(widget.map.getView().getZoom(), 17);
assert.equal(Math.round(widget.map.getView().getZoom()), 17);
});
QUnit.test('MapWidget.interactions', function(assert) {

2
js_tests/tests.html
View File

@ -157,7 +157,7 @@
<textarea id="id_multipolygon" name="multipolygon" class="vSerializedField required"
style="display:none;" rows="10" cols="150"></textarea>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/ol3/4.6.5/ol.js'></script>
<script src='https://cdn.jsdelivr.net/npm/ol@v7.2.2/dist/ol.js'></script>
<script src='../django/contrib/gis/static/gis/js/OLMapWidget.js' data-cover></script>
<script src='./gis/mapwidget.test.js'></script>