closes #22, No map visible because the map container's width or heigh…

…t are 0 bug fix
MelihAltintas · Sep 6, 2021 · b19ea31 · b19ea31
1 parent 304f1d7
commit b19ea31
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue3-openlayers",
-  "version": "0.1.43",
+  "version": "0.1.44",
   "description": "Openlayers Wrapper for Vue3",
   "repository": {
     "type": "git",

diff --git a/src/App.vue b/src/App.vue
@@ -137,7 +137,7 @@
             <ol-feature ref="animationPath">
                 <ol-geom-line-string :coordinates="path"></ol-geom-line-string>
                 <ol-style>
-                    <ol-style-stroke color="red" width="7"></ol-style-stroke>
+                    <ol-style-stroke color="red" :width="7"></ol-style-stroke>
                 </ol-style>
             </ol-feature>
             <ol-animation-path v-if="animationPath" :path="animationPath.feature" :duration="4000" :repeat="10">
@@ -287,6 +287,10 @@ export default {
             console.log(event)
         }
 
+        const videoStopped = (event) => {
+            console.log(event)
+        }
+
         const swipeControl = ref(null)
         const jawgLayer = ref(null)
         const osmLayer = ref(null)
@@ -345,6 +349,7 @@ export default {
             drawend,
             modifystart,
             modifyend,
+            videoStopped,
             drawEnable,
             drawType,
             layerList,

diff --git a/src/assets/style.css b/src/assets/style.css
@@ -27,4 +27,17 @@
 
 .ol-layerswitcher-image li.ol-layer-hidden{
     opacity:1 !important;
+}
+
+.ol-overviewmap.ol-collapsed .ol-overviewmap-map, .ol-overviewmap.ol-uncollapsible button {
+     display: block; 
+     opacity:0
+}
+
+.ol-collapsed {
+    background-color: rgba(255,255,255,0);
+}
+
+.ol-collapsed:hover {
+    background-color: rgba(255,255,255,0);
 }