百度地图js报错Uncaught TypeError: b.ga(...).nb is not a function

百度地图Marker创建与调试
本文解决了百度地图API中异步批量创建marker时出现的错误,并详细介绍了如何正确创建百度地图Point对象以避免类型不匹配导致的问题。
部署运行你感兴趣的模型镜像

事件:百度地图异步批量创建marker,单击单个marker弹出对话框报错。

 

报错:

VM1771:1 Uncaught TypeError: b.ga(...).nb is not a function
    at HTMLSpanElement.eval (eval at zZ (getscript?v=2.0&ak=CBb579132…&services=&t=20170411141812:1), <anonymous>:1:1279)

 

分析:断点调试得知创建point错误。

百度point对象:H {lng: 121.4879592445485, lat: 31.24944089864297}

我自己创建的对象:Object {lat: 31.249642115944074, lng: 121.48752080473454}

由于对象类型不一致导致的报错。

 

解决:创建百度的point对象

var point = gcj2bd(info.distY, info.distX);
point = new BMap.Point(point.lng, point.lat);

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型,相比 3.0 版本,它提升了图像质量、运行速度和硬件效率

在使用 AntV G6 时,用户可能会遇到 `Uncaught TypeError: graph.expand is not a function` 的错误。该错误通常出现在尝试调用 `graph.expand` 方法时,而该方法在当前的 G6 版本中并不存在或已被弃用。 ### 错误原因分析 1. **版本兼容性问题** AntV G6 的不同版本之间存在 API 的变更。在较早版本中,某些树图展开/折叠功能可能通过 `graph.expand` 或 `graph.collapse` 实现,但在新版本中这些方法可能已被移除或替换为新的方式,例如通过 `graph.changeData` 或 `graph.updateItem` 来控制节点状态 [^1]。 2. **API 使用方式变更** 在 G6 v3.5 及之后版本中,树图的动态展开/折叠功能通常通过更新节点数据中的 `collapsed` 字段来实现,而不是直接调用 `expand` 方法 [^1]。 3. **插件或扩展方法误用** 如果用户使用了自定义插件或第三方扩展功能,而这些插件仍基于旧版本 API 实现,也可能导致调用 `graph.expand` 时出错。 ### 解决方法 1. **确认当前 G6 版本** 使用 `console.log(G6.version)` 查看当前使用的 G6 版本号。根据版本号查阅官方文档,确认对应版本的 API 是否支持 `expand` 方法。 2. **使用新版 API 实现树图展开/折叠** 在新版 G6 中,树图的展开/折叠应通过更新节点数据实现。例如: ```javascript // 假设 node 是需要展开或折叠的节点 const model = node.getModel(); graph.updateItem(node.getID(), { ...model, collapsed: !model.collapsed, // 切换展开/折叠状态 }); ``` 3. **重新加载子树数据(动态加载场景)** 如果使用了动态加载子节点的功能,在切换节点状态后,可能需要重新请求数据并更新图: ```javascript // 在折叠/展开后重新加载子树 if (!model.collapsed) { fetchData(model.id).then(children => { const newNodes = children.map(child => ({ ...child })); graph.changeData({ nodes: [...graph.getNodes().map(n => n.getModel()), ...newNodes], edges: [...graph.getEdges().map(e => e.getModel())], }); }); } ``` 4. **检查插件兼容性** 如果使用了第三方插件或封装组件(如 Vue 或 React 集成),确保其适配当前 G6 版本。如有必要,升级插件或修改其内部调用方式以适配新版 API 。 5. **参考官方示例** AntV G6 官方文档提供了动态加载子树和展开/折叠的示例,建议参考最新文档中的实现方式:[G6 官方文档 - 树图操作](https://g6.antv.vision/zh/docs/manual/mode/tree) ###
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值