如何实现VUE项目中调用高德地图的完整流程？

本文共计2012个文字，预计阅读时间需要9分钟。

目录+前言+申请高度key+技术选型+刷新页面，地图加载失败+在绑定插件的时，控制台报错：[d].split is not a function+原生调用高度API+总结+前言+相信大家或多或少都接触过在大屏上的项目+

目录

• 前言
• 申请高德key
• 技术选型
• 刷新页面，地图加载偶尔失败
• 在绑定插件的时候，控制台报错 a[d].split is not a function
• 原生调用高德API
• 总结

前言

相信大家或多或少都接触过在大屏的项目，在大屏项目中除了用到了echarts中的行政地图，街道地图也是很常见的，今天主要来说一下在vue中调用高德地图遇到的一些问题。

申请高德key

无论我们使用任何方式调用高德地图都需要在高德地图开放平台中申请key

注册帐号

访问高德地图开发平台根据实际情况填写就可以（实名认证的时候选择个人就可以，如果是企业级的项目，可能会涉及人员变动，建议使用公司邮箱进行注册）区别如下。