uniapp调用腾讯地图功能

1.腾讯地图官网

腾讯位置服务 - 立足生态，连接未来

2.我的应用添加密钥

3获取密钥后登录微信公众平台

小程序

4进入设置第三方设置添加插件

5进入开发管理后开启服务

5.5

在manifest.json中引入

        "permission" : {"scope.userLocation" : {"desc" : "正在获取您的位置"}},"plugins" : {"chooseLocation" : {"version" : "1.0.6","provider" : "wx76a9a06e5b4e693e"}}

6代码

onShow() {

const chooseLocation = requirePlugin('chooseLocation')

const location = chooseLocation.getLocation();

console.log('ss',location)

if (location) {

this.provinces = location.province

this.citys = location.city

this.areas = location.district

}

给个点击事件

getusermapinfo() {

uni.getLocation({

type: 'gcj02', //腾讯地图使用gcj02获取位置坐标

success(res) {

//使用在腾讯位置服务申请的key（必填）

const key = 'PG2BZ-CALKF-S2XJM-JKJRB-XJOJ5-HLFTR';

//调用插件的app的名称（必填）

const referer = '调用插件的app的名';

wx.navigateTo({

url: 'plugin://chooseLocation/index?key=' + key + '&referer=' + referer

});

fail(err) {

//这里处理用户点击拒绝或者误操作拒绝的办法

uni.showModal({

title: '提示',

content: '您未开启获取位置权限，请点击确定去开启权限！',

success(res) {

if (res.confirm) {

uni.openSetting({}); //跳转微信小程序设置，手动打开获取位置

}

});

}

});

uniapp调用腾讯地图功能相关推荐

uni-app 调用讯飞语音。
uni-app 调用讯飞语音. // //讯飞语音输入接口voice() {var me = this;var options = {};options.engine = 'iFly';options ...
uni-app引入腾讯地图
这篇地图开发教程先对uniapp开发map进行的说明,(uniapp是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可以发布到ios,android,web以及各种小程序,快应用等多 ...
uniapp对接腾讯云IM+音视频。音视频含UI集成
uniapp对接腾讯云IM+音视频文章目录 uniapp对接腾讯云IM+音视频前言一.准备工作二.使用步骤 1.App.vue配置 2.登录时操作 login.vue 3.使用方法一.音视频 ...
python3调用腾讯AI开放平台
CSDN上偶遇一文说明如何调用腾讯AI开放平台API,因为喜欢python3,所以用python3实现了下. 用qq登录获取自己的id和key. 参考点击打开链接. 首先获取请求参数.新建了个文件md ...
html5 调用本地街景,H5案例分享：在移动端调用腾讯街景
在移动端调用腾讯街景腾讯地图街景组件可以通过多种方式调起,来展示3D街景信息. 腾讯街景API,是构建在v2版本上的全新应用接口,对于目的地,可以让用户足不出户,得到更直观.更真切的身临其境的体验 ...
Python调用腾讯优图OCR通用API实现文字识别
API地址:https://ai.qq.com/doc/ocrgeneralocr.shtml 腾讯优图的API比较复杂的就是生成签名,不过不知道腾讯的服务器出什么问题了,调用的时候一直提示504,演 ...
如何调用腾讯的IP库？
从网上搜的资料都太老了,是用js调用的,不能用也报错,我想问下大家现在还能调用腾讯的Ip库吗?能的话怎么调用呢?
uniapp调用手机摄像头_uniapp原生插件开发之调用原生方法(android)
需要实现的功能: 点击uniapp页面view,传递参数,调用android原生代码,然后原生代码处理数据,返回到uniapp页面步骤 1.编写uniapp的视图页面 {{title}} 点击调用a ...
SpringBoot项目H5界面手机拍照调用腾讯云OCR卡证识别接口完整例子
最近一个微信端项目的功能涉及一个手机拍照上传身份证识别身份证信息回显的功能,调用的接口是腾讯云OCR的卡证识别功能.看了腾讯云的api通俗易懂,本地写好了demo测试可用.H5界面手机拍照调用后台方法 ...

uniapp调用腾讯地图功能

uniapp调用腾讯地图功能相关推荐

最新文章

热门文章