Fix pointer events observable

Do not miss pointer events due to throttle filtering #423
ghettovoice · Apr 8, 2021 · f66bc0d · f66bc0d
1 parent f2f2d54
commit f66bc0d
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 19 deletions.
diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
diff --git a/src/component/map/map.vue b/src/component/map/map.vue
@@ -14,7 +14,7 @@
   import VectorSource from 'ol/source/Vector'
   import View from 'ol/View'
   import { merge as mergeObs } from 'rxjs/observable'
-  import { distinctUntilChanged, map as mapObs, throttleTime } from 'rxjs/operators'
+  import { distinctUntilChanged, map as mapObs } from 'rxjs/operators'
   import Vue from 'vue'
   import {
     featuresContainer,
@@ -462,7 +462,6 @@
     hasMap(this)
     hasView(this)
 
-    const ft = 1000 / 60
     // pointer
     const pointerEvents = mergeObs(
       observableFromOlEvent(this.$map, [
@@ -474,8 +473,13 @@
         'pointerdrag',
         'pointermove',
       ]).pipe(
-        throttleTime(ft),
-        distinctUntilChanged((a, b) => isEqual(a.coordinate, b.coordinate)),
+        distinctUntilChanged((a, b) => isEqual({
+          t: a.type,
+          c: a.coordinate,
+        }, {
+          t: b.type,
+          c: b.coordinate,
+        })),
       ),
     ).pipe(
       mapObs(evt => ({

diff --git a/test/app.vue b/test/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <button @click="features = savedFeatures.slice()">set</button>
     <button @click="features = []">unset</button>
-    <vl-map ref="map" data-projection="EPSG:4326" :default-controls="false">
+    <vl-map ref="map" data-projection="EPSG:4326" :default-controls="false" @pointerdrag="onDrag">
       <vl-view :center.sync="center" :rotation.sync="rotation" :zoom.sync="zoom"
                ident="view" ref="view" />
 
@@ -59,6 +59,9 @@
           featureClass: Feature,
         })
       },
+      onDrag (evt) {
+        console.log(evt)
+      },
     },
   }
 </script>