uni-app 中微信小程序使用高德地图等第三方 SDK的方法

最新推荐文章于 2024-04-02 13:20:26 发布

武小脏~

最新推荐文章于 2024-04-02 13:20:26 发布

阅读量9.1k

点赞数 3

文章标签：小程序 vue javascript

本文链接：https://blog.csdn.net/mengmeng1_/article/details/105917358

版权

本文介绍了如何在uni-app中使用高德地图的微信小程序SDK，包括注册高德开放平台获取key、下载SDK、在uni-app项目中引入并使用API，以及处理错误回调。此外，还提到了其他第三方SDK如阿拉丁、诸葛IO的全局引入方法，以及需要注意的平台兼容性问题。

摘要由CSDN通过智能技术生成

获取SDK
首先在高德开放平台，注册账号并且申请相关的 key 等信息；
然后下载它的微信小程序版 SDK：微信小程序 SDK

然后填写app包名，申请原生sdk的appkey信息，但不需要下载原生sdk。注意：App侧在Android中使用定位，或者Android、iOS使用地图，仍然需要同时向高德申请原生sdk的key信息，填写在manifest的app sdk配置中。

新建一个 uni-app 项目，新建一个 common 目录，然后将前面下载得到的 amap-wx.js 的文件复制进去。

Tip：这个 common 目录只是举例，并非强制约定。但是，不要放在 static 目录下。

引入SDK
新建的 uni-app 默认会有一个 index 页，在 index.vue 中，引入高德小程序 SDK。

import amap from '../../common/amap-wx.js';  
export default {
     
}
在 onLoad 中初始化一个高德小程序 SDK 的实例对象。

import amap from '../../common/amap-wx.js';  
export default {
     
    data() {
     
        return {
     
            amapPlugin