added maps (leaflet)

This commit is contained in:
Bachir Soussi Chiadmi
2016-07-02 02:31:31 +02:00
parent 835cc3ecee
commit 8adb390d91
18 changed files with 1342 additions and 63 deletions
+23 -17
View File
@@ -14,6 +14,7 @@ html, body{
#header{
position: absolute; z-index: 10;
top:0; left:0;
display: none;
}
#timelaps{
@@ -31,13 +32,13 @@ html, body{
// }
@media (min-aspect-ratio: 16/9) {
height: 300%;
top: -100%;
height: 200%;
top: -50%;
}
@media (max-aspect-ratio: 16/9) {
width: 300%;
left: -100%;
width: 200%;
left: -50%;
}
@@ -45,10 +46,24 @@ html, body{
}
#mapout{
position: absolute; z-index: 9;
bottom:0; left:0; width:23.5%; margin:1% 0.5% 1% 1%; height:10%;
background-color: rgba(255, 255, 255, 0.6);
border-radius: 2px;
}
#mapin{
position: absolute; z-index: 9;
bottom:0; left:25%; width:23.5%; margin:1% 0.5% 1% 0.5%; height:10%;
background-color: rgba(255, 255, 255, 0.6);
border-radius: 2px;
}
#timeline{
position: absolute; z-index: 9;
bottom:0; left:0; width:67%; margin:1% 0 1% 32%; padding:7px;
background-color: rgba(0, 0, 0, 0.8);
bottom:0; right:0; width:48%; margin:1% 1% 1% 0.5%; padding:0.5%; height:8.3%;
background-color: rgba(15, 15, 15, 0.8);
border-radius: 2px;
.vis-timeline{
@@ -60,19 +75,10 @@ html, body{
border:none;
}
.vis-text{
color:white;
color:#827f7f;
}
.vis-custom-time.videotime{
background-color: red;
background-color: #2781cc;
}
}
#map{
position: absolute; z-index: 9;
bottom:0; left:0; width:30%; margin:1%; height:40%;
background-color: rgba(255, 255, 255, 0.6);
border-radius: 2px;
display: none;
}