wx小程序原生开发使用高德地图api

第一步:注册高德地图api的key

第二步:下载amap-wx.js 放到项目的某个目录

第三步:配置app.json(必须,因为需要定位功能,)

复制代码
    "requiredPrivateInfos": [
      "getLocation"
    ],
    "permission": {
    "scope.userLocation": {
      "desc": "初始化时获取用户的位置信息用于外出打卡定位"
    }
    }

否则会报错如下:

getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json/ext.json

第四步:引入当前js文件,在使用

复制代码
//页面顶部引入:
var amapFile = require('../../utils/amap-wx.js');//如:..­/..­/libs/amap-wx.js
  

onLoad(options) {
    
    var that = this;
    var myAmapFun = new amapFile.AMapWX({key:'5ef5e008dfe21018204961b355e6b943'});
    myAmapFun.getWeather({
      success: function(data){
        console.log(data);
      },
      fail: function(info){
        //失败回调
        console.log(info)
      }
    })


  },
相关推荐
sheji341620 小时前
【开题答辩全过程】以 基于微信小程序的在线学习系统为例,包含答辩的问题和答案
学习·微信小程序·小程序
头发还在的女程序员1 天前
小剧场短剧影视小程序源码分享,搭建自己的短剧小程序
人工智能·小程序·短剧·影视·微剧
qq_12498707531 天前
基于springboot归家租房小程序的设计与实现(源码+论文+部署+安装)
java·大数据·spring boot·后端·小程序·毕业设计·计算机毕业设计
说私域1 天前
留量为王,服务制胜:开源链动2+1模式、AI智能名片与S2B2C商城小程序的协同创新路径
人工智能·小程序·开源
游戏开发爱好者81 天前
如何使用 AppUploader 提交上传 iOS 应用
android·ios·小程序·https·uni-app·iphone·webview
百锦再1 天前
AI视频生成模型从无到有:构建、实现与调试完全指南
人工智能·python·ai·小程序·aigc·音视频·notepad++
恩创软件开发2 天前
创业日常2026-1-8
java·经验分享·微信小程序·小程序
开发加微信:hedian1162 天前
推客与分销场景下的系统架构实践:如何支撑高并发与复杂业务规则
小程序
游九尘2 天前
在小程序中实现横竖屏切换的配置方法,实时监听页面宽度
小程序
weixin_lynhgworld2 天前
[特殊字符]旧物焕新颜,二手变宝藏——小程序系统开发开启绿色生活新篇章[特殊字符]
小程序·生活