Fix loading of images from OpenStreetCam API, add viewer

\o/
This commit is contained in:
Bryan Housel
2017-11-03 16:48:18 -04:00
parent 00b30e29f0
commit 6dd71ebf91
5 changed files with 124 additions and 150 deletions
+32 -34
View File
@@ -1,5 +1,36 @@
/* Mapillary Image Layer */
/* photo viewer div */
#photoviewer {
position: absolute;
bottom: 30px;
width: 330px;
height: 250px;
padding: 5px;
background-color: #fff;
}
#photoviewer button.thumb-hide {
border-radius: 0;
padding: 5px;
position: absolute;
right: 0;
top: 0;
z-index: 500;
}
.photo-wrapper,
.photo-wrapper img {
width: 100%;
height: 100%;
}
/*#photoviewer.hide,
.photo-wrapper.hide {
visibility: hidden;
display: block;
}
*/
/* Mapillary Image Layer */
.layer-mapillary-images {
pointer-events: none;
}
@@ -39,7 +70,6 @@
}
/* Mapillary Sign Layer */
.layer-mapillary-signs {
pointer-events: none;
}
@@ -68,7 +98,6 @@
/* OpenStreetCam Image Layer */
.layer-openstreetcam-images {
pointer-events: none;
}
@@ -122,34 +151,3 @@
text-align: right;
}
.mapillary-wrap {
position: absolute;
bottom: 30px;
width: 330px;
height: 250px;
padding: 5px;
background-color: #fff;
}
.mapillary-wrap.hidden {
visibility: hidden;
}
.mapillary-wrap button.thumb-hide {
border-radius: 0;
padding: 5px;
position: absolute;
right: 0;
top: 0;
z-index: 500;
}
.mly-wrapper {
visibility: hidden;
width: 100%;
height: 100%;
}
.mly-wrapper.active {
visibility: visible;
}