首页 > 其他分享 >uni-app 引入地图

uni-app 引入地图

时间:2023-09-09 14:32:19浏览次数:30  
标签:getLocation console log success res app 引入 uni

<view class="page-body">
			<view class="page-section page-section-gap">
				<map  ref="map" id="map" @regionchange="regionchange" @markertap="clickdetail"
					style="width: 100%; height: 50vh;" :latitude="latitude" :longitude="longitude" :markers="covers">
				</map>
			</view>
		</view>

js部分

getLocation() {
				var _this = this;
				uni.getLocation({
					type: 'gcj02',

					success: function(res) {
						console.log(res, 'res')
						_this.longitude = res.longitude;
						_this.latitude = res.latitude;
						console.log(_this.longitude, _this.latitude)
						// _this.getworkerList();
					},
					fail(res) {
						console.log(res)
						//用户拒绝后引导用户开启定位
						_this.getSetting();
					}
				});
			},
getSetting() {

				uni.getSetting({
					success: res => {
						console.log('用户权限列表:', res.authSetting)
						if (res.authSetting['scope.userLocation']) {
							console.log('已授权userLocation')
							// 选择位置信息
							this.getLocation(); // 重新调取uni.getLocation
						} else {
							console.log('用户未授权userLocation')
							//2.用户第一次进来发起授权
							uni.showModal({
								title: '提示',
								content: '当前定位未开启,请点击确定手动开启定位',
								duration: 3000,
								success: (res) => {
									if (res.confirm) {
										this.openSetting() //点击确定引导客户开启定位
									} else if (res.cancel) {
										uni.showToast({
											title: '你拒绝了授权,无法获取设备定位信息',
											duration: 2000,
											icon: "none"
										});
									}
								}
							});
						}
					}
				})
			},
			openSetting() {
				uni.openSetting({
					success: (res) => {
						if (res.authSetting['scope.userLocation']) {
							// 5.用户在设置中点击了允许,调用选择位置信息函数
							this.getLocation() // 重新调取uni.getLocation
						} else {
							// 5.用户在设置中点击了不允许,展示拒绝授权信息
							uni.showToast({
								title: '你拒绝了授权,无法操作内容',
								icon: "none",
								duration: 3000,
							})
						}
					},
					fail: (err) => {
						console.log("打开设置失败", err)
					}
				})
			},

标签:getLocation,console,log,success,res,app,引入,uni
From: https://blog.51cto.com/u_16248220/7419482

相关文章

  • 2019 ICPC Universidad Nacional de Colombia Programming Contest
    A.Amazon给定\(n\)条直线(存在共线的情况),在每两条垂直的直线的交点处需要建一个交叉点,求交叉点的数量,注意需要去除共线时候的交叉点题解因为要除去共线的情况,我们考虑将一条直线以方向向量\(v\),与\(x\)轴的交点的横坐标\(x\)的方式存储注意:对于\(v\)来说需要最简形......
  • 2023-09-09 微信小程序之引入uni_modules过多插件导致主包体积过大如何解决 ==》hbuil
    前言:uni_modules里面的插件会全部打包在主包里,分包如果都是引用了uni_modules的插件,那么会导致包体积越来越大。我的项目主要用到一些组件库,如uview,对这个库的依赖太严重了,加上是把2个小程序融合到一起,所以对这个库的依赖就会变得更多。解决方案:你的小程序是用uniapp开发,才能使......
  • uniapp 子页面 滚动监听 是否到底
    主要属性:  handleScrollToLower<template><viewclass="menu"><scroll-viewid="scrollContainer"class="scroll"scroll-y@scrolltolower="handleSc......
  • KdMapper扩展实现之CrystalMark(winring0x64.sys)
    1.背景  KdMapper是一个利用intel的驱动漏洞可以无痕的加载未经签名的驱动,本文是利用其它漏洞(参考《【转载】利用签名驱动漏洞加载未签名驱动》)做相应的修改以实现类似功能。需要大家对KdMapper的代码有一定了解。 2.驱动信息 驱动名称winring0x64.sys 时间戳47......
  • evil-winrm:An error of type OpenSSL::Digest::DigestError happened, message is Dig
    使用evil-winrm无法连接主机,出现以下错误Info:EstablishingconnectiontoremoteendpointError:AnerroroftypeOpenSSL::Digest::DigestErrorhappened,messageisDigestinitializationfailed:initializationerrorError:Exitingwithcode1 修改/etc/ssl/ope......
  • appium+python安装配置及代码测试完整流程
    1.appium安装及环境配置2.模拟器安装或者直接连接真机也可以3.手机各配置参数获取platformName'、'platformVersion'、appActivity、deviceName、webdriver.Remote 4.代码运行测试,启动手机应用5.进阶版,代码为POM模式......
  • uniapp项目实践总结(十三)封装文件操作方法
    导语:在日常APP开发过程中,经常要进行文件的保存、读取列表以及查看和删除文件等操作,接下来就看一下具体的方法。目录原理分析方法实现实战演练案例展示原理分析主要是以下API。uni.saveFile:保存文件到本地缓存列表;uni.getSavedFileList:获取保存文件列表;uni.getSa......
  • 【刷题笔记】42. Trapping Rain Water
    题目Givennnon-negativeintegersrepresentinganelevationmapwherethewidthofeachbaris1,computehowmuchwateritisabletotrapafterraining.Theaboveelevationmapisrepresentedbyarray[0,1,0,2,1,0,1,3,2,1,2,1].Inthiscase,6unitsof......
  • appium+python安装后代码测试
     fromappiumimportwebdriver#模拟器/真机已经被电脑识别到(adbdevices)#字典#1、设置终端参数项desired_caps={"platformName":"Android","platformVersion":"6.1.1","appPackage":"com.ss.android.article.n......
  • 寻找app定制开发公司的10个关键因素,你知道吗?
    在今天的数字化时代,移动应用程序已经成为企业和创业者实现业务目标的关键工具之一。然而,许多组织和个人不具备足够的技术知识和资源来开发自己的应用程序,因此需要寻找可靠的app定制开发公司来实现他们的愿景。但是,在选择合适的开发公司时,需要谨慎,以下是一些关键步骤和考虑因素,以帮......