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

add draw icons to map editor

Browse source
This commit is contained in:
Laura Klünder 2016-08-21 19:56:38 +02:00
parent bc29193c7b
commit fac6b12212
2 changed files with 45 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/c3nav/control/static/control/control.css
View file

@ -13,6 +13,9 @@
top:2px;
}
.leaflet-biggericon {
font-size: 14px;
}
.leaflet-levels a {
font-size:16px;
color:#333333;

46
src/c3nav/control/templates/control/editor.html
View file

@ -1,6 +1,5 @@
{% extends 'control/base.html' %}
{% block content %}
<h1>Editor</h1>
<div id="mapeditor"></div>
{% endblock %}
@ -23,11 +22,9 @@ L.control.layers([], {
{% endfor %}
L.LevelControl = L.Control.extend({
options: {
position: 'bottomright'
},
onAdd: function (map) {
var container = L.DomUtil.create('div', 'leaflet-control leaflet-bar leaflet-levels'), link;
{% for level in map.levels reversed %}
@ -37,10 +34,51 @@ L.LevelControl = L.Control.extend({
{% endfor %}
return container;
}
});
map.addControl(new L.LevelControl());
L.DrawControl = L.Control.extend({
options: {
position: 'topleft'
},
onAdd: function (map) {
var container = L.DomUtil.create('div', 'leaflet-control leaflet-bar'), link;
link = L.DomUtil.create('a', 'leaflet-biggericon', container);
link.href = '{% url "control.editor" level=level %}';
link.title = 'add building'
link.innerHTML = '🏠';
link = L.DomUtil.create('a', 'leaflet-biggericon', container);
link.href = '{% url "control.editor" level=level %}';
link.title = 'add room/area';
link.innerHTML = '⬠';
link = L.DomUtil.create('a', 'leaflet-biggericon', container);
link.href = '{% url "control.editor" level=level %}';
link.title = 'add obstacle'
link.innerHTML = '⬟';
link = L.DomUtil.create('a', 'leaflet-biggericon', container);
link.href = '{% url "control.editor" level=level %}';
link.title = 'add door';
link.innerHTML = '🚪';
link = L.DomUtil.create('a', '', container);
link.href = '{% url "control.editor" level=level %}';
link.title = 'add steps';
link.innerHTML = '┌┘';
link = L.DomUtil.create('a', 'leaflet-biggericon', container);
link.href = '{% url "control.editor" level=level %}';
link.title = 'add elevator';
link.innerHTML = '▴▾';
return container;
}
});
map.addControl(new L.DrawControl());
L.control.scale({imperial: false}).addTo(map);