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


  },
相关推荐
是大刚啊2 小时前
微信小程序原生车牌输入器
微信小程序·小程序·tdesign·车牌号·车牌输入
2501_915918417 小时前
App 上架苹果商店全流程详解 从开发者账号申请到开心上架(Appuploader)跨平台免 Mac 上传实战指南
macos·ios·小程序·uni-app·objective-c·cocoa·iphone
说私域8 小时前
定制开发开源AI智能名片S2B2C商城小程序中的羊群效应应用研究
人工智能·小程序
一匹电信狗8 小时前
【C++】红黑树详解(2w字详解)
服务器·c++·算法·leetcode·小程序·stl·visual studio
CsharpDev-奶豆哥9 小时前
微信小程序通过主键ID修改json数据的技术分享
微信小程序·小程序·json
汤姆yu9 小时前
基于微信小程序的防诈骗管理系统
微信小程序·小程序·防诈骗管理
2501_916007479 小时前
从零开始学习iOS App开发:Xcode、Swift和发布到App Store完整教程
android·学习·ios·小程序·uni-app·iphone·xcode
2501_9160088910 小时前
前端工具全景实战指南,从开发到调试的效率闭环
android·前端·小程序·https·uni-app·iphone·webview
2501_9159214314 小时前
iOS 26 CPU 使用率监控策略 多工具协同构建性能探索体系
android·ios·小程序·https·uni-app·iphone·webview
狂团商城小师妹14 小时前
JAVA国际版同城打车源码同城服务线下结账系统源码适配PAD支持Android+IOS+H5
android·java·ios·小程序·交友