Vue高德项目报错多个key不一致

在vue项目中，主页面调用高德api AmapLoader 加载了一幅地图，跳转到另一路由后向重新加载另一幅地图，再次调用AmapLoader，报错多个key不一致，怎么解决呢

这里所说的key是你申请的高德的key，报错多个key不一致说明你加载的两个地图，所配置的那两个key不是一样的，可以截图看看

在 Vue 项目中，如果多个页面都需要加载高德地图，可以考虑将 AMapLoader 封装成一个 Vue 组件，然后在需要加载地图的页面中引入该组件。这样可以避免多个页面同时加载地图导致 key 不一致的问题。