位置: IT常识 - 正文
推荐整理分享微信小程序使用腾讯地图(微信小程序使用记录删除),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:限制微信小程序使用,微信小程序使用过后别人会看见吗,微信小程序使用记录查询,微信小程序使用过后别人会看见吗,微信小程序使用过后别人会看见吗,微信小程序使用什么语言开发,微信小程序使用记录查询,微信小程序使用过的怎么清理,内容如对您有帮助,希望把文章链接给更多的朋友!
第一步:登录或者注册腾讯地图官方(地址:https://lbs.qq.com/)
第二步:在创建sdk;
创建方法:进入控制面板后显示创建sdk,点击之后输入名称和选择应用场景后点击设置选择web和小程序后输入APPID后点击确定就好。
第二步:在微信小程序开发管理页面里面的域名管理里面输入合法域名:(https://apis.map.qq.com)就提交就可以。
第三步:在腾讯地图官方网站上下载相关的sdk 就可以。
第四步:在下载的压缩文件夹里面找到(qqmap-wx-jssdk.js)文件引入到相关页面。
引入方法:(index.js文件来描述)
// 引入进来腾讯地图的sdkvar address = require('../../components/address/qqmap-wx-jssdk');var myaddres;使用方法:
第一步:
data: { adress:'未获取您的位置', }, /** * 提高腾讯地图来获取当前位置 */ AddressLocation(){ // new address 是获取上面的路径(var address = require('../../components/address/qqmap-wx-jssdk');) var myaddress = new address({ key: '4RQBZ-K6JA5-VKWIH-I6LK2-7NV53-UAFM2' }); myaddress.reverseGeocoder({ success: (res)=>{ this.setData({ adress:res.result.address_reference.landmark_l2.title }) } }) let adress = this.data.adress },/**下面调用获取地址:*/onLoad: function (options) { var that = this; that.AddressLocation(); }, 效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-j9dUPTSw-1680339800754)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20230401164948835.png)]
微信小程序使用高德地图方法第一步:登录或者注册高德地图官方(地址:https://lbs.amap.com/)
第二步:在创建sdk;
创建方法:进入控制面板后显示创建sdk,点击之后输入名称和选择应用场景后点击设置选择web和小程序后输入APPID后点击确定就好。
第二步:在微信小程序开发管理页面里面的域名管理里面输入合法域名:(https://restapi.amap.com)就提交就可以。
第三步:在腾讯地图官方网站上下载相关的sdk 就可以。
第四步:在下载的压缩文件夹里面找到(qqmap-wx-jssdk.js)文件引入到相关页面。
引入方法:(index.js文件来描述)
// 引入进来腾讯地图的sdkvar address = require('../../components/address/qqmap-wx-jssdk');var myaddres;使用方法:
第一步:
data: { adress:'未获取您的位置', }, /** * 提高腾讯地图来获取当前位置 */ AddressLocation(){ // new address 是获取上面的路径(var address = require('../../components/address/qqmap-wx-jssdk');) var myaddress = new address({ key: '4RQBZ-K6JA5-VKWIH-I6LK2-7NV53-UAFM2' }); myaddress.getRegeo({ success: (res)=>{ this.setData({ adress:res.result.address_reference.landmark_l2.title }) } }) let adress = this.data.adress },/**下面调用获取地址:*/onLoad: function (options) { var that = this; that.AddressLocation(); }, onLoad: function (options) { var that = this; that.AddressLocation(); },本次的笔记到此为止。
上一篇:中央公园购物中心的美国榆树丛,纽约市 (© AWL Images/Danita Delimont)(中央公园商场)
下一篇:若依配置教程(六)Excel导入功能实现(若依系统怎么样)
友情链接: 武汉网站建设