当前位置:首页 > JS逆向 > 微信小程序的百度地图获取地理位置 —— 微信小程序教程系列(15)

微信小程序的百度地图获取地理位置 —— 微信小程序教程系列(15)

一叶知秋2024-05-09 15:52:54JS逆向5

在项目根目录下新建一个路径,将百度的js文件拷贝到新建的路径下,完成。

如下图所示,新建路径 “libs/bmap-wx” ,将 bmap-xw.min.js 文件拷贝至 “libs/bmap-wx” 路径下。

19956127-c89dd2e6ea4c27c3.png

5> 第五步:在所需的js文件内导入js

// 引用百度地图,注意:require传入一个相对路径

var bmap = require(‘…/…/libs/bmap-wx/bmap-wx.js’);

6> 第六步:编辑代码

注意:此处楼主使用的ak是随便写的,同学们需要自行申请!!!

xxx.wxml:

经度:{{longitude}}

纬度:{{latitude}}

地址:{{address}}

城市:{{cityInfo.city}}

xxx.js:

// 引用百度地图微信小程序JSAPI模块

var bmap = require(‘…/…/libs/bmap-wx/bmap-wx.min.js’);

var wxMarkerData = []; //定位成功回调对象

Page({

data:{

ak:“FHG7utZtdyXN2”, //填写申请到的ak

markers: [],

longitude:‘’, //经度

latitude:‘’, //纬度

address:‘’, //地址

cityInfo:{} //城市信息

},

onLoad:function(options){

var that = this;

/* 获取定位地理位置 */

// 新建bmap对象

var BMap = new bmap.BMapWX({

ak: that.data.ak

});

var fail = function(data) {

console.log(data);

};

var success = function(data) {

//返回数据内,已经包含经纬度

console.log(data);

//使用wxMarkerData获取数据

wxMarkerData = data.wxMarkerData;

//把所有数据放在初始化data内

that.setData({

markers: wxMarkerData,

latitude: wxMarkerData[0].latitude,

longitude: wxMarkerData[0].longitude,

address: wxMarkerData[0].address,

cityInfo: data.originalData.result.addressComponent

});

}

// 发起regeocoding检索请求

BMap.regeocoding({

fail: fail,

success: success

});

}

})

学习交流

群内有许多来自一线的技术大牛,也有在小厂或外包公司奋斗的码农,我们致力打造一个平等,高质量的Android交流圈子,不一定能短期就让每个人的技术突飞猛进,但从长远来说,眼光,格局,长远发展的方向才是最重要的。

35岁中年危机大多是因为被短期的利益牵着走,过早压榨掉了价值,如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

习资料的朋友,可以戳这里获取](https://bbs.csdn.net/topics/618156601)**

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

扫描二维码推送至手机访问。

版权声明:本站部分文章来自互联网采集,请查看免责申明

本文链接:https://www.yyzq.team/post/337707.html

分享给朋友:

“微信小程序的百度地图获取地理位置 —— 微信小程序教程系列(15)” 的相关文章