初始化天地图,center中心点坐标问题(数据转换)

这篇博客讨论了在使用Vue Tianditu地图组件时遇到的SVG属性错误,包括`width`和`viewBox`的`NaN`问题。作者提供了两种解决方案:首先检查中心点值是否存在,然后再尝试显示地图;如果问题仍然存在,可以尝试在初始化时将中心点设为[0,0],随后进行修改。这是一篇针对前端开发者,特别是使用Vue.js和地图API的开发者的技术故障排除指南。

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

  • 采用VueTianditu  vue-tianditu | VueTianditu (soullyoko.github.io)
  • 报错
    • Error: <svg> attribute width: Expected length, "NaN".
    • Error: <svg> attribute viewBox: Expected number, "NaN -23 NaN 923".
  • 造成问题原因:
  • 解决方案
    • 首先判断中心点值是否存在,然后再显示地图
    • 若以上方式不行,可以直接初始化时给中心点赋值[0, 0],后续对其修改就可以

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值