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)
      }
    })


  },
相关推荐
The_era_achievs_hero2 小时前
微信小程序171~180
微信小程序·小程序
尚学教辅学习资料4 小时前
我用Cursor,1周上线了一个虚拟资料流量主小程序技术选型
小程序·ai编程·cursor·流量主小程序·虚拟资料
说私域12 小时前
基于开放API接口采集的定制开发开源AI智能名片S2B2C商城小程序数据整合与增长策略研究
人工智能·小程序·开源
_pengliang1 天前
css 音频波浪动画-小程序\PC可用
前端·css·小程序
00后程序员张1 天前
iOS WebView 调试实战 全流程排查接口异常 请求丢失与跨域问题
android·ios·小程序·https·uni-app·iphone·webview
The_era_achievs_hero1 天前
微信小程序151~160
微信小程序·小程序
戒不掉的伤怀1 天前
wx小程序设置沉浸式导航文字高度问题
小程序
说私域1 天前
共享模式、社群与开源链动2+1模式AI智能名片S2B2C商城小程序的协同发展研究
人工智能·小程序
xkxnq1 天前
微信小程序列表数据上拉加载,下拉刷新
微信小程序·小程序