uniapp小程序高德地图实时定位

记录,留后自用:

小程序项目按要求必须使用高德地图。

在使用uniapp开发小程序过程中,如何使用高德地图进行定位?

自测成果图以下:

uniapp小程序高德地图实时定位_第1张图片

其中使用了map组件map | uni-app官网

uniapp小程序高德地图实时定位_第2张图片

 map组件默认为腾讯地图。我这里也是腾讯地图的“身子”,但是使用的是高德的“脑袋”。

1.先进入高德地图开发平台创建key。

高德开放平台 | 高德地图API

进入网页右上角点击进入控制台  -->  首页 基础服务使用概况  

根据需要创建添加key。

uniapp小程序高德地图实时定位_第3张图片

2.manifest.json 中微信小程序配置,位置接口填写描述。

uniapp小程序高德地图实时定位_第4张图片

 3.根据以下网址,进入下载插件。在创建的项目中,新建一个名为 libs 目录,将下载的插件拷贝进入libs目录。

相关下载-微信小程序插件 | 高德地图API

4.准备工作完成,上代码:






 

 

你可能感兴趣的:(uni-app,小程序,前端)