起因:

今日项目在正常运行时,突然被告知,vue-amap的海量点渲染出错,经查看之后发现后端返回数据正常,地图没渲染出,查看控制台发现报错如下 Uncaught Invalid Object: Pixel(NaN, NaN)和Uncaught Invalid Object: LngLat(NaN, NaN)

原因:

在层层排查下最后确定不是代码的原因,而是数据中出现,gps:'N/A' ,经过处理后,数据为空,即经纬度为空,或者null 或者undefined 从而导致center和 maker.position 报错

方法:

将经纬度为空的数据去除即可

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐