Invalid Object: LngLat(NaN, NaN)高德地图报错

于 2024-09-23 10:48:59 发布
阅读量192 收藏
点赞数 2
文章标签： 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_80636534/article/details/142376473
版权

原因一：没有值标记

原因二：地图渲染比数据渲染快，数据没有跟上导致报错

解决方法：地图初始化之后，先进行数据渲染，再进行位置标记

一只不会编程的猫
关注
高德地图Uncaught Invalid Object: Pixel(NaN, NaN)
weixin_42786237的博客
07-21 8568
高德地图Uncaught Invalid Object: Pixel(NaN, NaN) var infowinList:[{ name:'台子乡', longitude:101.972699, latitude:36.859000 }, { name:'崖头村', longitude:101.862699, lati
lnmp Fatal error: Uncaught Error: Class 'Redis' not found-附件资源
03-02
lnmp Fatal error: Uncaught Error: Class 'Redis' not found-附件资源
高德地图Uncaught Error: Invalid Object: LngLat(NaN, NaN)报错
bidepanm的博客
10-08 1599
可能因为没有设置高度。
(vue3+ts)高德地图不显示地图信息并报错：Error: Invalid Object: LngLat(NaN, NaN)
最新发布
qq_62442040的博客
08-07 481
错误并确保地图正确显示，需要仔细检查所有与经纬度相关的操作，确保所有经纬度数据都是有效的。如果还是没有解决你的问题，可以根据文章开始的部分举出的三个点，来挨着进行判断检查。如果你的还不行：可以再看一下：1、确保在接收参数的时候他们都是有效的经纬度。改了之后就没报错了，也能正确显示定位的地图。1、确保在接收参数的时候他们都是有效的经纬度。是有效的经纬度数据。如果无效，提供默认值。我的问题最后出在了 【初始化地图的时候】2、初始化地图的时候，也需要确保。对象的地方，确保数据有效性。
Error in v-on handler: “Invalid Object: LngLat(NaN, NaN)“
imkaifan的博客
07-15 9547
报错信息： Error in v-on handler: “Invalid Object: LngLat(NaN, NaN)” 原因：有的撒点经纬度，没有值，导致标记不上点。
高德地图 vue-amap LngLat(NaN, NaN) 报错
热门推荐
github_33538490的博客
02-24 1万+
高德地图 vue-amap 开发遇到的报错 项目技术栈 Element-UI Vue vue-amap 在开发一个<el-dialog>嵌套高德地图的时候，发现了一个问题，控制台报错了⬇️ Invalid Object: LngLat(NaN, NaN) 后来检查得知，原来是center和maker.position为空数组[]，所以才会出现以上错误，要检查相关赋值的地方有没有哪里导致上面两个值为空 ...
使用高德地图报错：Invalid Object: LngLat(NaN, NaN)
m0_73898841的博客
12-19 2246
这样就能显示了。
vue3引入高德地图报错Uncaught Error: Invalid Object: LngLat(NaN, NaN
miin_ying的博客
12-18 2237
原因：容器高度未设置。
【高德地图】Uncatch Invaild object:pixel(NaN,Nan)或者Uncatch （in promise） invaild object:LngLat(NaN,Nan)：
SunPeng的博客
07-25 5166
【高德地图】Uncatch Invaild object:pixel(NaN,Nan)或者Uncatch （in promise） invaild object:LngLat(NaN,Nan)：
高德地图Error: Invalid Object: LngLat(NaN, NaN)报错
weixin_54231578的博客
07-23 275
这个报错一开始出现的莫名奇妙，不清楚哪里触发的，找了解决答案，很多都是设置高度就能解决问题。结果无效（有些页面应该可以解决），后来同事也有类似问题，说滚动就会报错（），其他页面数据过多，出现滚动条就会报错。设置绝对定位，终于解决了。
Invalid Object: LngLat(NaN, NaN)
09-01
- *3* [Vue2使用高德地图报错Invalid Object: LngLat(NaN, NaN)](https://blog.csdn.net/feng4175/article/details/131101800)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_...
高德地图自定义运动轨迹
03-09
高德地图自定义运动轨迹
vue 使用高德地图vue-amap组件过程解析
12-10
这篇文章主要介绍了vue 使用高德地图vue-amap组件过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 首先 npm install -S vue-amap 然后在 main.js ...
handler: Invalid Object: LngLat(NaN, NaN)解决方法
08-30
综上所述，解决"handler: Invalid Object: LngLat(NaN, NaN)"的方法包括检查center和position的数据类型、确保地图容器设置了正确的宽度和高度，以及检查相关赋值的地方是否导致了center和marker.position的值为空...
Uncaught Error: Invalid Object: LngLat(NaN, NaN) L7
07-28
Invalid Object: LngLat(NaN, NaN)表示经纬度的值无效，其中NaN表示"不是数字"。这可能是由于传递给L7 API的经纬度坐标有问题导致的。 要解决这个问题，你需要检查传递给L7 API的经纬度坐标是否正确。确保经纬度的...
【高德地图-JS】Vue2加载高德地图API报错Invalid Object: LngLat(NaN, NaN)
m0_58960403的博客
11-22 832
地图的容器盒子的宽高的问题。
vue-amap 使用时控制台报错 Uncaught Invalid Object: Pixel(NaN, NaN)和Uncaught Invalid Object: LngLat(NaN, NaN)
hudabao888666的博客
08-03 1405
Uncaught Invalid Object: Pixel(NaN, NaN)和Uncaught Invalid Object: LngLat(NaN, NaN)
Vue2使用高德地图报错Invalid Object: LngLat(NaN, NaN)
feng4175的博客
06-08 4069
在高得开放平台注册好key和secret后（注册步骤百度到处都是），在vue2项目中引入使用，这里我只是闲的无聊自己试试地图，之前没有过地图相关开发。引入地图及过程其实我也是百度的。一切按部就班，全部结束后，从新跑项目，报错了，一脸懵逼状态。Invalid Object: LngLat(NaN, NaN)页面报错，无法显示，但是说实话代码是按照别人上传的一步一步来的，中间没啥改动。其实第一次加载的话，我这里最后找到的原因是地图的容器盒子的宽高有问题。然后地图就神奇的出来了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值