search

timeroute / mapvue

A well-packaged MapboxGL component library for Vue3. 🗺️
https://mapvue.netlify.app
MIT License
19 stars 1 forks source link

Rotate camera around point #11

Open edanweis opened 1 year ago

edanweis commented 1 year ago

Following the mapbox tutorial here the following code doesn't work:

rotateCamera(timestamp) {
      this.$refs.map.map.rotateTo((timestamp / 100) % 360, { duration: 0 })
      requestAnimationFrame(this.rotateCamera)
    }

error

[Vue warn]: Unhandled error during execution of watcher callback 
  at <MyMap2> 
  at <Home onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {__v_skip: true} > > 
  at <RouterView> 
  at <VMain> 
  at <View> 
  at <VApp> 
  at <Default onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {__v_skip: true} > > 
  at <RouterView> 
  at <App>
warn2 @ runtime-core.esm-bundler.js:40
logError @ runtime-core.esm-bundler.js:230
handleError @ runtime-core.esm-bundler.js:222
callWithErrorHandling @ runtime-core.esm-bundler.js:176
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:182
job @ runtime-core.esm-bundler.js:1812
flushPreFlushCbs @ runtime-core.esm-bundler.js:336
updateComponentPreRender @ runtime-core.esm-bundler.js:5789
componentUpdateFn @ runtime-core.esm-bundler.js:5702
run @ reactivity.esm-bundler.js:190
instance.update @ runtime-core.esm-bundler.js:5763
updateComponent @ runtime-core.esm-bundler.js:5588
processComponent @ runtime-core.esm-bundler.js:5521
patch @ runtime-core.esm-bundler.js:5119
componentUpdateFn @ runtime-core.esm-bundler.js:5729
run @ reactivity.esm-bundler.js:190
instance.update @ runtime-core.esm-bundler.js:5763
callWithErrorHandling @ runtime-core.esm-bundler.js:173
flushJobs @ runtime-core.esm-bundler.js:406
Promise.then (async)
queueFlush @ runtime-core.esm-bundler.js:298
queuePostFlushCb @ runtime-core.esm-bundler.js:320
queueEffectWithSuspense @ runtime-core.esm-bundler.js:1604
scheduler @ runtime-core.esm-bundler.js:1838
triggerEffect @ reactivity.esm-bundler.js:400
triggerEffects @ reactivity.esm-bundler.js:390
triggerRefValue @ reactivity.esm-bundler.js:1021
(anonymous) @ reactivity.esm-bundler.js:1158
triggerEffect @ reactivity.esm-bundler.js:400
triggerEffects @ reactivity.esm-bundler.js:385
triggerRefValue @ reactivity.esm-bundler.js:1021
(anonymous) @ reactivity.esm-bundler.js:1158
triggerEffect @ reactivity.esm-bundler.js:400
triggerEffects @ reactivity.esm-bundler.js:385
triggerRefValue @ reactivity.esm-bundler.js:1021
set value @ reactivity.esm-bundler.js:1066
finalizeNavigation @ vue-router.mjs:3334
(anonymous) @ vue-router.mjs:3406
Promise.then (async)
(anonymous) @ vue-router.mjs:3403
(anonymous) @ vue-router.mjs:414
popStateHandler @ vue-router.mjs:413
runtime-core.esm-bundler.js:40 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core 
  at <Default onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {__v_skip: true} > > 
  at <RouterView> 
  at <App>
timeroute commented 1 year ago

Please paste you full code, and the versions of vue and mapvue you using.