refs #6 add symbols

merge-requests/1/head
Julien Veyssier 2016-12-07 14:50:06 +01:00
parent 1751570270
commit a768cac73a
14 changed files with 127 additions and 11 deletions

View File

@ -459,6 +459,7 @@ input[type=checkbox]
.leaflet-div-icon2
{
background-image: url('images/pinblue.png') !important;
background-repeat: no-repeat !important;
width: 21px !important;
height: 30px !important;
}
@ -466,32 +467,96 @@ input[type=checkbox]
.leaflet-marker-blue
{
background-image: url('images/marker-icon.png') !important;
background-repeat: no-repeat !important;
width: 25px !important;
height: 41px !important;
}
.leaflet-marker-red
{
background-image: url('images/marker-icon-red.png');
background-image: url('images/marker-icon-red.png') !important;
background-repeat: no-repeat !important;
width: 25px !important;
height: 41px !important;
}
.flag-blue
{
.flag-blue, .flag-red, .flag-green{
background-repeat: no-repeat !important;
width: 18px !important;
height: 25px !important;
}
.flag-blue{
background-image: url('images/symbols/flag-blue.png') !important;
width: 18px !important;
height: 25px !important;
}
.flag-red
{
.flag-red{
background-image: url('images/symbols/flag-red.png') !important;
width: 18px !important;
height: 25px !important;
}
.flag-green
{
.flag-green{
background-image: url('images/symbols/flag-green.png') !important;
}
.diamond-blue, .diamond-red, .diamond-green{
background-size: 18px 18px !important;
background-repeat: no-repeat !important;
width: 18px !important;
height: 18px !important;
}
.diamond-blue{
background-image: url('images/symbols/diamond-blue.png') !important;
}
.diamond-green{
background-image: url('images/symbols/diamond-green.png') !important;
}
.diamond-red{
background-image: url('images/symbols/diamond-red.png') !important;
}
.block-blue, .block-red, .block-green{
background-size: 16px 16px !important;
background-repeat: no-repeat !important;
width: 16px !important;
height: 16px !important;
}
.block-blue{
background-image: url('images/symbols/block-blue.png') !important;
}
.block-green{
background-image: url('images/symbols/block-green.png') !important;
}
.block-red{
background-image: url('images/symbols/block-red.png') !important;
}
.pin-blue, .pin-red, .pin-green{
background-size: 21px 30px !important;
background-repeat: no-repeat !important;
width: 21px !important;
height: 30px !important;
}
.pin-blue{
background-image: url('images/symbols/pin-blue.png') !important;
}
.pin-green{
background-image: url('images/symbols/pin-green.png') !important;
}
.pin-red{
background-image: url('images/symbols/pin-red.png') !important;
}
.bike-trail{
background-image: url('images/symbols/bike-trail.png') !important;
background-size: 24px 24px !important;
background-repeat: no-repeat !important;
width: 24px !important;
height: 24px !important;
}
.bar{
background-image: url('images/symbols/bar.png') !important;
background-size: 20px 24px !important;
background-repeat: no-repeat !important;
width: 20px !important;
height: 24px !important;
}
.skullcross{
background-image: url('images/symbols/skullcross.png') !important;
background-size: 25px 25px !important;
background-repeat: no-repeat !important;
width: 25px !important;
height: 25px !important;
}
/*

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 771 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 547 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 538 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 491 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 730 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 653 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 666 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -11,6 +11,21 @@ var gpxedit = {
};
var symbolIcons = {
'Dot, White': L.divIcon({
iconSize:L.point(7,7),
}),
'Pin, Blue': L.divIcon({
className: 'pin-blue',
iconAnchor: [5, 30]
}),
'Pin, Green': L.divIcon({
className: 'pin-green',
iconAnchor: [5, 30]
}),
'Pin, Red': L.divIcon({
className: 'pin-red',
iconAnchor: [5, 30]
}),
'Flag, Green': L.divIcon({
className: 'flag-green',
iconAnchor: [1, 25]
@ -23,6 +38,42 @@ var symbolIcons = {
className: 'flag-blue',
iconAnchor: [1, 25]
}),
'Block, Blue': L.divIcon({
className: 'block-blue',
iconAnchor: [8, 8]
}),
'Block, Green': L.divIcon({
className: 'block-green',
iconAnchor: [8, 8]
}),
'Block, Red': L.divIcon({
className: 'block-red',
iconAnchor: [8, 8]
}),
'Blue Diamond': L.divIcon({
className: 'diamond-blue',
iconAnchor: [9, 9]
}),
'Green Diamond': L.divIcon({
className: 'diamond-green',
iconAnchor: [9, 9]
}),
'Red Diamond': L.divIcon({
className: 'diamond-red',
iconAnchor: [9, 9]
}),
'Bike Trail': L.divIcon({
className: 'bike-trail',
iconAnchor: [12, 12]
}),
'Bar': L.divIcon({
className: 'bar',
iconAnchor: [10, 12]
}),
'Skull and Crossbones': L.divIcon({
className: 'skullcross',
iconAnchor: [12, 12]
}),
}
function load_map() {