「uniapp」 H5高德地图定位、周边、路线规划、多点绘制、位置点击监听

本文主要实现uniapp H5高德地图定位、周边、路线规划、多点绘制。解决新版本高德地图WEB端（JSAPI）INVALID_USER_SCODE平台报错问题及自自定义图标大小调整。

一、准备

使用高德地图 JS API 开发地图应用之前的一些准备工作。

1.1 注册账号并申请Key

1. 首先，注册开发者账号，成为高德开放平台开发者
2. 登陆之后，在进入「应用管理」 页面「创建新应用」
3. 为应用添加 Key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」，设置域名白名单，可选（建议设置域名白名单）。
   申请高德移动端开发的key和密钥。
4. 添加成功后，可获取到key值和安全密钥jscode（自2021年12月02日升级，升级之后所申请的 key 必须配备安全密钥 jscode 一起使用)注意：此次升级不会影响之前已获得 key 的使用；升级之后的新增的key必须要配备安全密钥一起使用，具体用法请您参看下文《JSAPI key和安全密钥设置和使用》（本次key升级新增安全密钥，是为了提升广大用户的对自己的key安全有效管理，降低明文传输被窃取的风险 。）