首先我们要申请高德地图的key,当前升级过后高德地图使用也需要加上安全秘钥
注册账号
访问高德地图开发平台根据实际情况填写就可以(实名认证的时候选择个人就可以,如果是企业级的项目,可能会涉及人员变动,建议使用公司邮箱进行注册
我的应用 | 高德控制台
注册之后在我的应用中创建新应用
创建完之后就可以通过key和安全秘钥进行使用
之后我们就下载安装依赖
npm install vue-amap --save
安装完之后在main.js中引入全局依赖进行使用
当然还有其他安全的引入方法,具体可以去高德api文档看一下
JS API 的加载-基础-进阶教程-地图 JS API 2.0 | 高德地图API
然后再页面就可以进行使用了
当然还有直接在index中添加但是后台如果有域名限制,就需要把域名限制增加一部分,当然前端也是可以的
然后咱们创建页面
下面是创建的点坐标