高德服务web端JSAPI结合Vue使用天气、定位等功能

一、开发准备

1. 首先，注册开发者账号，成为高德开放平台开发者

2. 登陆之后，在进入「应用管理」 页面「创建新应用」

3. 为应用添加 Key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」。

4. 添加成功后，获取到 Key 值

二、地图组件开发和使用

npm i @amap/amap-jsapi-loader --save

具体操作参考: 高德官方网站

三、使用天气、定位等api时可能出现
【INVALID_USER_SCode：安全码未通过】错误返回。
解决方式：index.html加上你申请key的密钥就即可

<script type="text/javascript">
	  window._AMapSecurityConfig = {
	      securityJsCode: "xxxxxx",  // 申请的key对应的密钥
	  }
</script>