uniapp实时获取当前位置

news2024/9/25 15:27:50

首先我们需要先下载一个插件(高德地图官网插件)

(插件主要作用是获取当前地理定位或者是自身的位置,并且可以返回名称name)

相关下载-微信小程序插件 | 高德地图API (amap.com)icon-default.png?t=N7T8https://developer.amap.com/api/wx/download

结合uniapp官网的示例一起使用,

在script中开头写

import amap from '../../common/amap-wx.130.js'

点击事件部分

			getWarpweft() {
			  const that = this;
			  that.po_tips = '定位中...';
		// 
		   
		
		
		// 
			  uni.getLocation({
			    type: 'wgs84', // 或 'gcj02'
			    success(res) {
			      console.log('定位成功', res);
			      that.po_tips = '重新定位';
			
			      const latitude = res.latitude;
			      const longitude = res.longitude;
			
			      // 调用逆地理编码方法获取地名
			      var myAmapFun = new amap.AMapWX({key:'ddb2a654bf6582459b81243b3bc45548'});
			      myAmapFun.getRegeo({
			      	location:longitude +','+latitude,
			        success: function(data){
			      	  // console.log(data[0],99);
					  // that.position = data[0].regeocodeData.addressComponent.city;
					   that.position = data[0].regeocodeData.addressComponent;
			      	  console.log(data[0].regeocodeData.addressComponent.city,99);
			          //成功回调
			        },
			        fail: function(info){
			          //失败回调
			          console.log(info)
			        }
			      })
			    },
			    fail(err) {
			      console.log('定位失败', err);
			      that.po_tips = '定位失败';
			      // 处理定位失败的情况,例如提示用户或执行其他操作
			    },
			  });
			}

data部分

po_tips: '重新定位',

position: '', //定位获取的位置


 

html部分

				<view class="dingwei">
					    <text>当前位置地名:{{ currentAddress }}</text>
					 
				
					<view class="dingwei_city">
						<view class="dingwei_city_one" @tap="back_city(position,true)">
							{{position?position.city:'定位失败'}}
						</view>
						<view class="bold blue fmiddle" @click="getWarpweft"> 
							<text>{{po_tips}}</text>
						</view>
					</view>
				</view>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1026728.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

旅游出行类APP如何找到策略优势,最大化流量红利

刚刚结束了暑期出游&#xff0c;中秋国庆小长假马上到啦&#xff0c;出行计划又要安排起来了&#xff01;多样化的出行方式为大家旅行带来极大的便利&#xff0c;同时&#xff0c;伴随互联网模式的深化发展&#xff0c;各式各样的旅游出行类APP已经成长为旅行用户所依赖的一类工…

【LeetCode热题100】--128. 最长连续序列

128.最长连续序列 先对数组进行排序&#xff0c;不断尝试x1,x2,…是否存在&#xff0c;不断枚举并更新答案 class Solution {public int longestConsecutive(int[] nums) {if (nums null || nums.length 0){return 0;}Arrays.sort(nums);int maxLength 1,current 1;for(in…

LVM分区空间扩充

老早之前自己整理的&#xff0c;今天有同事问起&#xff0c;再整理一下发出来。 LVM的全称为Logical Volume Manager&#xff0c;它是Linux环境下对磁盘分区进行管理的一种机制&#xff0c;LVM是建立在硬盘和分区之上的一个逻辑层&#xff0c;来提高磁盘分区管理的灵活…

MySQL: 锁

一、table CREATE TABLE dog (id int(11) NOT NULL AUTO_INCREMENT,age int(11) DEFAULT NULL,weight int(11) DEFAULT NULL,PRIMARY KEY (id),KEY idx_age (age) ) ENGINEInnoDB AUTO_INCREMENT51 DEFAULT CHARSETutf8二、插入数据&#xff1a; 三、主键上锁的测试&#xff…

C++中的四种类型转换运算符

隐式类型转换是安全的,显式类型转换是有风险的,C语言之所以增加强制类型转换的语法,就是为了强调风险,让程序员意识到自己在做什么。但是,这种强调风险的方式还是比较粗放,粒度比较大,它并没有表明存在什么风险,风险程度如何。 再者,C风格的强制类型转换统一使用( ),…

linux上mysql数据备份(全量备份策略+增量备份策略)

执行备份策略前&#xff0c;先做好scp命令的准备 解决思路&#xff1a; 生成SSH公钥/私钥后&#xff0c;您需要将公钥添加到服务器上&#xff0c;从而使服务器可以使用该公钥来验证您的身份。 生成SSH公钥/私钥的命令为 ssh-keygen -t rsa -b 4096什么都不用输入&#xff0c…

用于无功补偿的固定电容晶闸管控制反应器研究(Simulink)

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…

已解决 (org.springframework.beans.factory.BeanCreationException)

&#x1f337;&#x1f341; 博主猫头虎&#xff08;&#x1f405;&#x1f43e;&#xff09;带您 Go to New World✨&#x1f341; &#x1f984; 博客首页: &#x1f405;&#x1f43e;猫头虎的博客&#x1f390;《面试题大全专栏》 &#x1f995; 文章图文并茂&#x1f996…

vue模板语法(下集)

事件处理器 Vue模板语法中的事件处理器是指在Vue组件中绑定DOM事件&#xff0c;当事件发生时执行相应的方法或表达式。常见的事件包括点击事件click、输入事件input、鼠标移入事件mouseover等等。 事件监听可以使用v-on 指令 2.1 事件修饰符 .Vue通过由点(.)表示的指令后缀来调…

近2万签名的句子网络签名ACCESS\EXCEL数据库

虽然已经有《24万QQ伤感签名论坛签名ACCESS数据库》和《2万多条QQ签名论坛签名大全ACCESS数据库》两个论坛签名数据&#xff0c;但是总觉得今天更正经一些&#xff0c;每个句子都可以当作一个好词好句。 分类包含&#xff1a;爱情诗&#xff08;2315&#xff09;、超级拽&#…

IMX6ULL ARM Linux开发板SD卡启动,SD卡的分区与分区格式化创建

一、确定TF卡挂载到ubuntu上的设备名称及分区情况 1. 在ubuntu不接入TF卡的情况下&#xff0c; 使用df -lh /dev/sd*命令查看当前"/dev/sd开头"的设备。 ##输入df -lh /dev/sd*命令&#xff0c;敲回车键 ~$ df -lh /dev/sd* 2.将TF卡接入到ubuntu&#xff0c;再次使…

Compose的一些小Tips - 可组合项的绘制

系列文章 Compose的一些小Tips - 可组合项的生命周期 Compose的一些小Tips - 可组合项的绘制&#xff08;本文&#xff09; Compose的一些小Tips - 列表的优化 前言 本系列介绍Compose的一些常识&#xff0c;了解这些tips并不会让人摇身一变成为大佬&#xff0c;但可以帮助到…

大数据Flink(八十四):SQL语法的DML:窗口聚合

文章目录 SQL语法的DML:窗口聚合 一、滚动窗口(TUMBLE)

R 语言画图中英文字体解决方案

在某些时候&#xff0c;需要在 R 画图中添加中文&#xff0c;但是默认情况下&#xff0c;R 对中文的支持不好。这里推荐一个 showtext 的 R 包。如果需要将含有中文字体的图形保存为 pdf 文件&#xff0c;可以使用下面讲到的方案&#xff0c;最新版的showtext已经支持了 ggplot…

6.1 使用scikit-learn构建模型

6.1 使用scikit-learn构建模型 6.1.1 使用sklearn转换器处理数据6.1.2 将数据集划分为训练集和测试集6.1.3 使用sklearn转换器进行数据预处理与降维1、数据预处理2、PCA降维算法 代码 scikit-learn&#xff08;简称sklearn&#xff09;库整合了多种机器学习算法&#xff0c;可以…

已解决 Bug: SyntaxError - expected expression, got ‘<‘

&#x1f337;&#x1f341; 博主猫头虎&#xff08;&#x1f405;&#x1f43e;&#xff09;带您 Go to New World✨&#x1f341; &#x1f984; 博客首页: &#x1f405;&#x1f43e;猫头虎的博客&#x1f390;《面试题大全专栏》 &#x1f995; 文章图文并茂&#x1f996…

C# ref 学习1

ref 关键字用在四种不同的上下文中&#xff1b; 1.在方法签名和方法调用中&#xff0c;按引用将参数传递给方法。 2.在方法签名中&#xff0c;按引用将值返回给调用方。 3.在成员正文中&#xff0c;指示引用返回值是否作为调用方欲修改的引用被存储在本地&#xff0c;或在一般…

React 全栈体系(十)

第五章 React 路由 三、基本路由使用 7. 代码 - Switch 的使用 7.1 Test /* src/pages/Test/index.jsx */ import React, { Component } from reactexport default class Test extends Component {render() {return (<div><h2>Test....</h2></div>…

拓世AI|轻松涨粉的秘密武器!从选题到配图,AI工具让你事半功倍

2023年的小红书&#xff0c;发展趋势依旧昂扬向上。 最新数据显示&#xff0c;小红书拥有逾3亿的月活用户,且超过80%的用户集中在20-30岁年龄段。这代表什么?广大的年轻用户基数和消费能力!正处于购买力上升期的年轻人,是品牌最想抓住的目标用户。巨大的红利吸引了无数人下场…

自定义开发成绩查询小程序

在当今数字化时代&#xff0c;教育行业借助技术手段提高教学效果。作为老师&#xff0c;拥有一个自己的成绩查询系统可以帮助你更好地管理学生成绩&#xff0c;并提供更及时的反馈。本文将为你详细介绍如何从零开始搭建一个成绩查询系统&#xff0c;让你的教学工作更加高效和便…