在移植百度地图到vue过程中出现了找不到map的报错 但是对应页面里没有涉及到加载map

Question

[Vue warn]: Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘map’)”

但是地图加载用的bmap 定位不到错误的位置

<ve-bmap :settings ="chartSettings"
         :title="title"
         :tooltip="{}"
         :series="chartSeries"
         height="100%" >

</ve-bmap>

const convertData = function (data) {
const res = []
if (!data) {
return
}
data.forEach(item => {
const { name, value } = item
const coord = geoCoordMap[name]
res.push({
name,
value: […coord, value]
})
})
return res
}
export default {
/* eslint-disable quote-props */
data () {
return {
title: {
text: ‘销售大盘’,
subtext: ‘销售趋势统计’,
sublink:‘https://www.imooc.com’,
left: ‘center’
},
chartSettings :{
key:‘goPs6mg0jXo01NUbfq88fzhPk8LmjKMq’,
bmap: {
center:[104.114129, 37.550339],
zoom:5,
roam:false,
mapStyle: {

}

}
}

感觉和之前的页面路径错乱了

Answer 1

阿伟_M囧君 2022-12-17 14:01:39

我找到问题所在了，是因为 vue 2 升级了 2.7.x 版本，可以在 package.json 中锁定为 2.6.x 版本

"vue": "~2.6.11",
"vue-template-compiler": "~2.6.11"

Answer 2

扬_灵 2022-10-08 17:50:56

同学你好，你可以全局找一下map，然后定位一下，这种错误基本上是没有定义，或者你打断点看看哪个步骤的问题

• 提问者 霸宋 #1

  老师你好 回看了之前在vue中创建bmap的视频和代码 发现也出现了一样的报错 感觉是初始化地图的时候出了问题 但是不知道在哪里定位 网上说的在data()函数里定义map也不好使

• 提问者 霸宋 #2

  另外在移植bmap到vue之后 ，之前的代码都无修改但是之前的图表无法正常展示，不知道是什么原因