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

来源：8-4 销售大盘组件集成

霸宋

2022-10-08

[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: {

}
}

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

写回答

2回答

阿伟_M囧君

2022-12-17

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

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

扬_灵

2022-10-08

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

霸宋

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

2022-10-09

共2条回复

数据可视化入门到精通-打造前端差异化竞争力

同级别前端，掌握数据可视化薪资更高

1520 学习 · 1043 问题

查看课程

相似问题

之前的问题找不到了...怎么设置让红色圈出部分显示英文

回答 1

引入v-charts 报错

回答 1

<ve-bmap>关于事件绑定以及实现百度地图小窗

回答 2

找不到g2

回答 1

老师是不是百度地图的api需要设置白名单本地设置apk网络报错

回答 2

打开慕课网App查看更多内容