2025-summer/team-3
12
Fork 0
Code Issues Pull requests Projects Releases Activity

change weight of line geometries on zoom for smoother zooming

Browse source
This commit is contained in:
Laura Klünder 2017-07-27 16:26:38 +02:00
parent 9c3cbdd772
commit fb0f823d50
1 changed files with 16 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/c3nav/editor/static/editor/js/editor.js
View file

@ -281,6 +281,7 @@ editor = {
geometrystyles: {}, geometrystyles: {},
_loading_geometry: false, _loading_geometry: false,
_geometries_layer: null, _geometries_layer: null,
_line_geometries: [],
_highlight_layer: null, _highlight_layer: null,
_highlight_type: null, _highlight_type: null,
_editing_id: null, _editing_id: null,
@ -320,6 +321,13 @@ editor = {
e.vertex.continue(); e.vertex.continue();
}); });
editor.map.on('zoomend', function(e) {
var weight = editor._weight_for_zoom();
for(var i=0;i<editor._line_geometries.length;i++) {
editor._line_geometries[i].setStyle({weight: weight});
}
});
$.getJSON('/api/editor/geometrystyles/', function(geometrystyles) { $.getJSON('/api/editor/geometrystyles/', function(geometrystyles) {
editor.geometrystyles = geometrystyles; editor.geometrystyles = geometrystyles;
$.getJSON('/api/editor/bounds/', function(bounds) { $.getJSON('/api/editor/bounds/', function(bounds) {
@ -343,6 +351,7 @@ editor = {
editor._editing_layer = null; editor._editing_layer = null;
} }
editor._bounds_layer = null; editor._bounds_layer = null;
editor._line_geometries = [];
$.getJSON(geometry_url, function(geometries) { $.getJSON(geometry_url, function(geometries) {
editor.map.removeLayer(editor._highlight_layer); editor.map.removeLayer(editor._highlight_layer);
@ -395,11 +404,14 @@ editor = {
editor.load_geometries(editor._last_geometry_url); editor.load_geometries(editor._last_geometry_url);
} }
}, },
_weight_for_zoom: function() {
return Math.pow(2, editor.map.getZoom())*0.3;
},
_line_draw_geometry_style: function(style) { _line_draw_geometry_style: function(style) {
style.stroke = true; style.stroke = true;
style.opacity = 0.6; style.opacity = 0.6;
style.color = style.fillColor; style.color = style.fillColor;
style.weight = 5; style.weight = editor._weight_for_zoom();
return style; return style;
}, },
_point_to_layer: function (feature, latlng) { _point_to_layer: function (feature, latlng) {
@ -449,6 +461,9 @@ editor = {
}, },
_register_geojson_feature: function (feature, layer) { _register_geojson_feature: function (feature, layer) {
// onEachFeature callback for GeoJSON loader – register all needed events // onEachFeature callback for GeoJSON loader – register all needed events
if (feature.geometry.type === 'LineString') {
editor._line_geometries.push(layer);
}
if (feature.properties.type === editor._highlight_type) { if (feature.properties.type === editor._highlight_type) {
var list_elem = $('#sidebar').find('[data-list] tr[data-pk='+String(feature.properties.id)+']'); var list_elem = $('#sidebar').find('[data-list] tr[data-pk='+String(feature.properties.id)+']');
if (list_elem.length === 0) return; if (list_elem.length === 0) return;