mapvue
mapvue copied to clipboard
Rotate camera around point
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>
Please paste you full code, and the versions of vue and mapvue you using.