高德地图实现点聚合报错：TypeError: AMap.MarkerClusterer is not a constructor

壮士阿

已于 2024-11-19 10:23:19 修改

阅读量4k

点赞数 2

文章标签： js

于 2020-11-13 10:07:06 首次发布

本文链接：https://blog.youkuaiyun.com/qq_39580561/article/details/109669053

版权

本文档指导如何在高德地图中修复MarkerClusterer报错，通过将原有代码转换为使用map.plugin引入AMap.MarkerClusterer插件，并提供正确的初始化配置，确保地图上的标记点正确聚合。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实验点聚合时报错：

cluster = new AMap.MarkerClusterer(map, markers, {
  gridSize: 80,
  renderClusterMarker: _renderClusterMarker
});

改为：

map.plugin(["AMap.MarkerCluster"],function() {
  cluster = new AMap.MarkerClusterer(map, markers, {
    gridSize: 80,
    renderClusterMarker: _renderClusterMarker
  });
})
          

map.plugin  代表高德地图插件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

壮士阿

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

vite 启动报错：TypeError: crypto$2.getRandomValues is not a function

猿小白的博客

03-25

515

error when starting dev server: TypeError: crypto$2.getRandomValues is not a function

高德地图点聚合，点聚合点击事件，单点点击事件

06-06

高德地图点聚合，聚合点点击事件，一切效果都需要您自己的key值，单点点击事件，点聚合点击事件后信息窗体每个点添加点击事件。

2 条评论您还未登录，请先登录后发表或查看评论

高德地图, 点聚合效果，以及给点添加点击事件

qq_44726587的博客

06-18

4632

高德地图api2.0 点聚合效果，以及给点添加点击事件

高德地图报错 AMap.Geocoder is not a construct

最新发布

qq_41920758的博客

01-17

948

getLocation 方法使用高德地图的Geocoder服务来解析省市县的地址，并返回对应的经纬度。你需要替换YOUR_AMAP_KEY为你的高德地图API的key，并且确保province、city和district数据是从你的Vue组件的数据中获取的。原本我是这样写的，但是在谷歌或者其他浏览器的时候就报错了，而且谷歌等浏览器，pc端是只能定位到附近的。

高德地图点聚合报错Uncaught TypeError: AMap.MarkerClusterer is not a constructor

baidu_39188121的博客

08-03

3765

高德点聚合的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...

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

solo_exe的博客

08-25

4215

高德地图点聚合插件AMap.MarkerClusterer报错信息琢磨一天看不出是什么问题，测试之后发现报错原因是重复加载点聚合插件。

高德地图添加Markers不显示的问题

yy1120970453的博客

11-25

6670

高德地图添加Markers不显示的问题可能原因是先addMarkersToMap，后moveCamera。应改为aMap.moveCamera(CameraUpdateFactory.newLatLngZoom(new LatLng(loc.getLatitude() + 0.002, loc.getLongitude()), 16)); aMap.set

Uncaught TypeError: AMap.MarkerClusterer is not a constructor

qq_32973061的博客

12-03

1万+

实验点聚合时报错： cluster = new AMap.MarkerClusterer(map, markers, { styles: sts, gridSize: 80 }); 改为： map.plugin(["AMap.MarkerClusterer"],func...

高德地图-点聚合报错：Uncaught TypeError: AMap.MarkerClusterer is not a constructor

qq_40887780的博客

06-06

8401

前端项目中集成高德地图时，这样使用点聚合会报错 Uncaught TypeError: AMap.MarkerClusterer is not a constructor 加个map.plugin 这样就ok了，map.plugin 表示高德地图插件 ...

❤ 使用框架篇

林太白

03-23

1615

❤使用框架篇

高德地图使用插件报错AMap.Xxx is not constructor

qq_43447509的博客

03-23

1万+

报错的原因是在代码中使用了地图插件例如ToolBar、OverView、Scale，但是并没有加载插件解决方案同步加载插件：在引入地图的script标签进行如下拼接，多个插件用逗号分隔 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&plugin=AMap.ToolBar,AMap.Driving"></script> 异步加载插件：通

高德地图AMap.Map is not a constructor问题解决

热门推荐

shidaping的博客

11-15

7万+

这个问题说的是AMap.Map不是一个构造函数。原因就有于有一部分代码没有执行完毕。这是因为amap js里面有一部分是异步加载的，或者是我们在js中手动加载amap js导致的。amap js提供了一个callback回调，把创建地图的代码放在回调里即可。需要先创建一个全局函数，具体代码如下： window.init = function(){ var map =

百度地图点聚合api 优化急速版 MarkerClusterer.js

08-30

MarkerClusterer.js 百度地图大数量点聚合js 优化急速版

高德地图报错 TypeError: AMap.Geocoder is not a constructor

且听风吟的博客

03-30

3336

高德地图报错 TypeError: AMap.Geocoder is not a constructor

Vue 启动报错Syntax Error: TypeError: token.type.endsWith is not a function at Array.every (＜anonymous＞)

longtime的博客

11-28

1570

Vue 启动报错现象 Syntax Error: TypeError: token.type.endsWith is not a function at Array.every () 解决网上说是换一个低版本的 eslint 比如 “babel-eslint”: “^10.0.1” 降低版本为 “babel-eslint”: “^8.2.2” 但是这个方案对我来说没什么用打开.eslintrc.js 文件 // 注释掉下面的这个配置 'vue/script-indent': [

Error in mounted hook: "TypeError: AMap.MouseTool is not a constructor"

郭宝的博客

10-16

6731

错误提示：解决办法：如果是直接引入的高德地图js文件，那么只需在路径后面添加&plugin=AMap.MouseTool 即可，全部路径如下： <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你申请的KEY=AMap.MouseTo...

vue中高德api报错 Error in mounted hook: “TypeError: AMap.MouseTool is not a constructor“

BiangBaing的博客

08-17

2169

这样使用起来是没任何问题的，都可以正常使用，但是打包后的环境再测试，就会出现。index.html页面引入的时候key后面跟上。index.html页面中引入高德api。直接在声明这里进行了初始化。

高德地图 点聚合功能加点击事件

qq_40685103的博客

01-07

4310

效果展示放大缩小地图层级时,点位会自动聚合或分散主要用到的方法是聚合点插件:AMap.MarkerClusterer 高德地图官方api：https://lbs.amap.com/api/javascript-api/reference/plugin#AMap.MarkerClusterer 开始要先引入 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=自己的key">&

vue报错：TypeError: Object(...) is not a function

05-18

这个错误通常是因为你的代码中使用了一个不是函数的对象。可能的原因包括： 1. 你尝试调用一个未定义的函数。 2. 你的代码中导入的模块没有正确导出函数。 3. 你的代码中使用了一个非函数的对象，例如将一个对象当作函数来调用。解决方案： 1. 确保你的代码中所有用到的函数都已经定义。 2. 检查你导入的模块是否正确导出了函数。 3. 检查你的代码中是否存在将对象当作函数来调用的情况，如果有，修改为正确的调用方式。如果以上方法都没有解决问题，可以在控制台中查看报错信息的具体位置，从而更好地定位问题。