高德地图点聚合插件AMap.MarkerClusterer报错Uncaught TypeError: Cannot read properties of null (reading ‘Md‘)

已于 2022-08-26 11:13:26 修改
阅读量3.9k 收藏 1
点赞数 5
分类专栏： 高德GIS地图 文章标签： javascript 前端 vue.js
于 2022-08-25 16:49:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/solo_exe/article/details/126526650
版权
博客讲述了在使用高德地图点聚合插件AMap.MarkerClusterer时遇到的Uncaught TypeError问题。错误发生在MapContainer.vue的262-263行。作者发现该错误并不影响程序运行，但通过排查发现是由于点聚合插件被加载了两次，第一次在mounted阶段，第二次在watch阶段，导致报错。解决方案是删除mounted中的地图加载函数，仅保留异步请求，从而消除错误。作者提醒读者高德地图插件重复渲染会导致错误，类似于Echarts的警告情况。
摘要由CSDN通过智能技术生成

报错信息：Uncaught TypeError: Cannot read properties of null (reading 'Md')

mapscallback=___onAPILoaded&v=1.4.20......&plugin=AMap.MarkerClusterer,AMap.Geocoder:212

报错位置：MapContainer.vue  262-263行

查看了网上很多关于高德地图点聚合插件AMap.MarkerClusterer报错的博客，但是几乎都是关于插件渲染语句或者是版本不兼容的问题，但是自己这个加载语句又完全没有问题，就很纳闷为什么会出现报错，虽然这个报错不影响运行，但是强迫症患者还是想知道自己的代码出了什么问题。

（废话：在网上的博客上没有看到点聚合插件出现这个报错信息，所以这个报错信息完全是自己一点点调试最后发现问题所在，所以想到发一篇博客帮新手避避雷。QAQ这个bug其实昨天就已经存在，但是昨天以为是因为cluster为空，或者是为null导致的，但是后来又觉得逻辑说不通，加载之前cluster肯定为空&#x

最低0.47元/天 解锁文章
solo_exe
关注
专栏目录
Vue3 - 详解报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘writeText‘)，vuejs剪贴板出错
王佳斌
07-10 3095
剪贴板报错，navigator.clipboard，writeText，突然就报错了，浏览器禁用了非安全域的navigator.clipboard对象，解决报错，Cannot read properties of undefined (reading 'writeText')，复制，粘贴，vue3，vue2，nuxt2，nuxt3，react，javascript，typescript，报错，document，复制后报错，用户粘贴报错，出错，浏览器控制台报错，详细教程，解决不了，还是不行，部署到线上环境就报
高德地图点聚合报错
css_javascrpit的博客
06-29 715
Cannat read praperties of undefined (reading "Vg”)覆盖物等等
Uncaught TypeError: Cannot read properties of undefined (reading ‘style‘)解决办法
weixin_52153452的博客
11-29 2万+
Uncaught TypeError: Cannot read properties of undefined (reading 'style')解决在用VScode编译时出现的此类错误
高德地图升级为2.0问题汇总
最新发布
小怪獸丶的糖的专栏
08-16 260
1.首先引入loader.js。旧版本注册插件的方式。
高德地图点聚合报错Uncaught TypeError: AMap.MarkerClusterer is not a constructor
baidu_39188121的博客
08-03 3577
高德点聚合的demo直接复制下来,报错。 39行少了http头，添加上 <script src="http://a.amap.com/jsapi_demos/static/china.js"></script> 40行改为自己的ak <script type="text/javascript" src="https://webapi.amap...
高德地图实现点聚合报错：TypeError: AMap.MarkerClusterer is not a constructor
Jidahan的博客
11-13 3679
实验点聚合时报错： cluster = new AMap.MarkerClusterer(map, markers, { gridSize: 80, renderClusterMarker: _renderClusterMarker }); 改为： map.plugin(["AMap.MarkerClusterer"],function() { cluster = new AMap.MarkerClusterer(map, markers, { gridSize: 80, r
高德地图点聚合插件不生效
weixin_69724540的博客
11-30 972
高德地图点聚合插件不生效
Vue第 39 篇，Vue项目报错，Uncaught TypeError: Cannot read properties of null (reading ‘getAttribute‘)
weixin_65793170的博客
03-21 1万+
vue项目报错，Uncaught TypeError: Cannot read properties of null (reading 'getAttribute')，翻译：无法读取null属性(读取'getAttribute')，解析：getAttribute()是js获取属性方法，就是getAttribute不能读取null的属性，这种错误一般出现在使用Echarts和地图后，当切换到空白页面后，重置页面时，就回报类似错误，解决方法就是在报错之前做判断处理。
vue项目控制台报错信息问题记录：Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)
Lililiming_的博客
02-20 4518
vue + element-ui 项目控制台报错信息记录：Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)，TypeError: Cannot read properties of undefined (reading ‘label‘)，
vue项目--解决报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
代码青春
06-29 3684
vue项目--解决报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
Markerclusterer檔
08-29
Markerclusterer檔，可使google map marker 自動表現群聚
【Vue报错】app.js:167 Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
weixin_56035334的博客
09-16 4183
app.js:167 Uncaught TypeError: Cannot read properties of undefined (reading 'install') at Function.Vue.use (vue.runtime.esm.js?c320:5739:1) at eval (index.js?5aa4:19:1) at Module../src/router/index.js (app.js:95:1) at __webpack_require__ (a
1.4.15高德地图之点聚合异常报错 vg,ud
彭于晏的博客
04-29 415
报错的原因是因为地图中加入了点聚合，拖动后进行了地图缩放，所以就会出现以下错误，整了大概一天才找到原因，一开始换成了2.0的版本还是不行，后来直接找到了高德的技术支持反馈了，才知道。但是我用的是vue3，不要用 ref 定义，map.value 等这样调用会有问题,就直接定义地图实例的时候用var声明就解决了以上报错。前几天遇到一个这样的错误，就是。
TypeError: Cannot read properties of null (reading ‘map‘)
m0_73266749的博客
02-23 2567
TypeError: Cannot read properties of null (reading 'map')
深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“
奇妙的Bug之旅
11-10 9万+
在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。
高德地图实现点聚合，使用 AMap.MarkerCluster 插件
学习笔记
01-11 5313
由于我这个页面是复用的，就是会根据路由值的不同，载入不同的内容，在整个地图生命周期中，这个 cluster 变量并不会改变。： 坐标，缺一不可，当然，除这两个字段数据外，可以根据自己需要添加其它信息，这些数据不会影响地图展示，但会在后面自定义标点的时候有用，后面有具体的数据内容说明。这也是后来遇到的一个问题，比如有多个项目点，如果其中一个项目点报警了，需要在这个聚合点上显示为报警状态。却只有一个数据，就是这几个点中权重最大的那个点的数据，它也是这个聚合点所在的地理位置。
cannot read properties of null(reading appendChild)解决办法
热门推荐
qq_45530512的博客
11-10 13万+
项目场景： 本来写的是一个js渲染，但是出了个小问题，cannot read properties of null(reading appendChild)报错。大致意思是：不能读取空的属性。 let data = [ {img:"./img/OIP-C.jfif",id:13,name:'黄焖鸡米饭',订餐电话:13782721148,均价:'均价11元'}, {img:"./img/OIP-C.jfif",id:12,name:'胡辣汤',订餐电话:15188811571,均价:'均价3元
❤ 使用框架篇
林太白
03-23 1515
❤使用框架篇
socket.emit报错Uncaught TypeError: Cannot read properties of undefined (reading 'emit')
03-18
这个错误通常是因为在使用socket.emit()方法之前，没有正确地初始化socket对象。可能的原因包括： 1. 忘记引入socket.io库：确保在代码中正确引入了socket.io库。 2. 未正确初始化socket对象：在使用socket.emit()...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值