yue1123 / vue3-baidu-map-gl

🎉百度地图 GL版 Vue3 组件库,baidu map gl components libary based on Vue3.0
https://yue1123.github.io/vue3-baidu-map-gl/
MIT License
352 stars 41 forks source link

更新marker数据报错 #37

Closed zogwosh closed 1 year ago

zogwosh commented 1 year ago
Map.vue:46  [Vue warn]: Unhandled error during execution of watcher callback 
  at <BInfoWindow modelValue=false onUpdate:modelValue=fn<onUpdate:modelValue> position= {lat: 39.915185, lng: 50.400901}  ... > 
  at <BMap enableScrollWheelZoom="" center= {lat: 39.915185, lng: 116.400901} zoom=16  ... > 
  at <Map> 
  at <App>
warn2 @ runtime-core.esm-bundler.js:41
logError @ runtime-core.esm-bundler.js:216
handleError @ runtime-core.esm-bundler.js:208
callWithErrorHandling @ runtime-core.esm-bundler.js:160
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:166
job @ runtime-core.esm-bundler.js:1756
flushPreFlushCbs @ runtime-core.esm-bundler.js:304
updateComponentPreRender @ runtime-core.esm-bundler.js:5832
componentUpdateFn @ runtime-core.esm-bundler.js:5750
run @ reactivity.esm-bundler.js:178
instance.update @ runtime-core.esm-bundler.js:5814
updateComponent @ runtime-core.esm-bundler.js:5641
processComponent @ runtime-core.esm-bundler.js:5576
patch @ runtime-core.esm-bundler.js:5040
patchBlockChildren @ runtime-core.esm-bundler.js:5427
processFragment @ runtime-core.esm-bundler.js:5513
patch @ runtime-core.esm-bundler.js:5014
patchKeyedChildren @ runtime-core.esm-bundler.js:5965
patchChildren @ runtime-core.esm-bundler.js:5842
processFragment @ runtime-core.esm-bundler.js:5539
patch @ runtime-core.esm-bundler.js:5014
patchBlockChildren @ runtime-core.esm-bundler.js:5427
processFragment @ runtime-core.esm-bundler.js:5513
patch @ runtime-core.esm-bundler.js:5014
patchBlockChildren @ runtime-core.esm-bundler.js:5427
processFragment @ runtime-core.esm-bundler.js:5513
patch @ runtime-core.esm-bundler.js:5014
componentUpdateFn @ runtime-core.esm-bundler.js:5773
run @ reactivity.esm-bundler.js:178
instance.update @ runtime-core.esm-bundler.js:5814
callWithErrorHandling @ runtime-core.esm-bundler.js:158
flushJobs @ runtime-core.esm-bundler.js:357
Promise.then (async)
queueFlush @ runtime-core.esm-bundler.js:270
queueJob @ runtime-core.esm-bundler.js:264
(anonymous) @ runtime-core.esm-bundler.js:5810
triggerEffect @ reactivity.esm-bundler.js:373
triggerEffects @ reactivity.esm-bundler.js:363
triggerRefValue @ reactivity.esm-bundler.js:974
set value @ reactivity.esm-bundler.js:1018
on_click @ Map.vue:46
callWithErrorHandling @ runtime-core.esm-bundler.js:158
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:166
invoker @ runtime-dom.esm-bundler.js:278
Show 42 more frames
Map.vue:46  [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 <BInfoWindow modelValue=false onUpdate:modelValue=fn<onUpdate:modelValue> position= {lat: 39.915185, lng: 50.400901}  ... > 
  at <BMap enableScrollWheelZoom="" center= {lat: 39.915185, lng: 116.400901} zoom=16  ... > 
  at <Map> 
  at <App>
warn2 @ runtime-core.esm-bundler.js:41
logError @ runtime-core.esm-bundler.js:216
handleError @ runtime-core.esm-bundler.js:208
callWithErrorHandling @ runtime-core.esm-bundler.js:160
flushJobs @ runtime-core.esm-bundler.js:357
Promise.then (async)
queueFlush @ runtime-core.esm-bundler.js:270
queueJob @ runtime-core.esm-bundler.js:264
(anonymous) @ runtime-core.esm-bundler.js:5810
triggerEffect @ reactivity.esm-bundler.js:373
triggerEffects @ reactivity.esm-bundler.js:363
triggerRefValue @ reactivity.esm-bundler.js:974
set value @ reactivity.esm-bundler.js:1018
on_click @ Map.vue:46
callWithErrorHandling @ runtime-core.esm-bundler.js:158
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:166
invoker @ runtime-dom.esm-bundler.js:278
Show 15 more frames
VM563:1  Uncaught (in promise) TypeError: Cannot read properties of null (reading 'config')
    at d2.setPosition (eval at run (getscript?type=webgl&v=1.0&ak=YmrAaBGDvnakP8kOoVwX1O4FX0w3g1yZ&services=&t=20230613170744:5:126869), <anonymous>:1:11263)
    at setPosition (index.vue.js?v=c6480c8b:173:24)
    at index.vue.js?v=c6480c8b:98:17
    at helper.js?v=c6480c8b:9:13
    at callWithErrorHandling (runtime-core.esm-bundler.js:158:18)
    at callWithAsyncErrorHandling (runtime-core.esm-bundler.js:166:17)
    at job (runtime-core.esm-bundler.js:1756:9)
    at flushPreFlushCbs (runtime-core.esm-bundler.js:304:7)
    at updateComponentPreRender (runtime-core.esm-bundler.js:5832:5)
    at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5750:11)

报错信息和[#32]的报错信息一样

  <template :key="i" v-for="(item, i) of table">
      <BMarker
        :position="item.position"
        icon="blue1"
        v-on:click="item.show = true"
        enableClicking
      />
      <BInfoWindow
        v-model="item.show"
        :position="item.position"
        title="停车场信息"
        enableAutoPan
        enableCloseOnClick
      >
        {{ item.title }}
      </BInfoWindow>
    </template>

用template包裹marker和infoWindow更新tableList会报错

复现demo如下 vue-project.zip