vue-jsonp的使用和腾讯地图当前经纬度和位置详情的获取

1.下载:

npm install –save vue-jsonp

2.main.js中引入:

//腾讯逆地址解析会用到jsonp
import {VueJsonp} from 'vue-jsonp';
Vue.use(VueJsonp);

3.腾讯地图中使用

uniapp中获取*经纬度*和通过经纬度获取当前**位置详情**
//获取当前经纬度
getLocation(){uni.getLocation({type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02' //微信不能用gcj02,定位出不来success: (res) => {if(res.longitude){uni.setStorageSync('lng', JSON.stringify(res.longitude));uni.setStorageSync('lat', JSON.stringify(res.latitude));console.log(res,'当前经纬度success');}this.getAddress(res.latitude,res.longitude)},fail: res => {console.log('当前经纬度fail' , res);},complete: res => {},});},//过经纬度获取地址
getAddress(latitude, longitude) {this.$jsonp("https://apis.map.qq.com/ws/geocoder/v1/", {key: "你的腾讯地图KEY",callbackName: "getJsonData",output: 'jsonp',location: latitude+","+longitude//location: 38.04174+","+114.521911 //测试返回的res结果}).then(res => {//这里取值:先取最详细的地址,地址一般为:XX街XX号。比如定位没有到XX号,取的是整个地址,仅参考if(res.result.address_reference.landmark_l2){this.addressDetail = res.result.address_reference.landmark_l2.title}else{this.addressDetail = res.result.address}}).catch(err => {console.log(err,'逆地址解析fail!')})
},

需要知道哪个地方的经纬度,腾讯地图Api上的坐标拾取器可取
在这里插入图片描述

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

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

相关文章

职场上的人情世故你知多少

1.发微信找人帮忙,半天不回,那基本没戏了,不要再打扰了,懂得都懂。 2.能力越大,事情越多,要懂得张弛有度,不要把自己全抛出去,给自己留点余地,毕竟你不知道别人如何暗地…

Windows电脑本地安装AI文生音乐软件结合内网穿透远程访问制作

文章目录 前言1. 本地部署2. 使用方法介绍3. 内网穿透工具下载安装4. 配置公网地址5. 配置固定公网地址 前言 今天和大家分享一下在Windows系统电脑上本地快速部署一个文字生成音乐的AI创作服务MusicGPT,并结合cpolar内网穿透工具实现随时随地远程访问使用进行AI音…

光伏“地图导航”:光照、政策、电价一目了然

当代的快节奏生活中,地图导航的精准定位技术如同一盏照明灯,为我们照亮了前方的道路。许多光伏人纷纷反映,如果光伏也有这样的地图就好了,能够结合各种建设光伏的因素快速完成选址,能够极大地提高效率。今天小编就来分…

PAT甲级-1013 Battle Over Cities

题目 题目大意 给定一个城市图,如果攻陷一个城市,该城市连接的所有路都要被销毁。要求计算出连通剩余的城市最少需要修建几条路。该图有n个顶点,m条边,k个重点城市。分别求出每个重点城市被攻陷,连通剩余城市需要修建…

[面试] java开发面经-1

前言 目录 1.看到你的简历里说使用Redis缓存高频数据,说一下Redis的操作 2.说一下Redis的缓存击穿、缓存穿透、缓存雪崩 3.你的项目中使用了ThreadLocal,那么当有两个请求同时发出时,会怎么处理,可以同时处理两个请求吗 4.使用…

第三课 Vue中的方法的定义及事件绑定指令

Vue中的方法的定义及事件绑定指令 方法定义 方法定义通过Vue对象中的methods属性进行拓展 1)基础示例 new Vue({el: #app,methods: {fun(){alert(1);}}})2)操作对象数据 new Vue({el: #app,data: {val: Hello World !},methods: {fun(){alert(val);}}…

【GESP】C++一级练习BCQM3037,简单计算,国庆七天乐收官

又回到了简单计算的题目,继续巩固练习。 题解详见:https://www.coderli.com/gesp-1-bcqm3037/ 【GESP】C一级练习BCQM3037,简单计算,国庆七天乐收官 | OneCoder又回到了简单计算的题目,继续巩固练习。https://www.cod…

内网渗透-隧道代理转发

文章目录 前言环境搭建工具清单工具使用Frp命令执行实验 Lcx命令执行实验 reGeorg命令执行实验Proxifier ew(EarthWorm)正向代理命令执行实验 反向代理命令执行实验SocksCap netsh命令执行 pingtunnel命令执行实验 ngrok命令执行&&实验 cs命令执行实验 前言 本文章介绍…

10/11

一、ARM课程大纲 二、ARM课程学习的目的 2.1 为了找到一个薪资水平达标的工作(单片机岗位、驱动开发岗位) 应用层(APP) 在用户层调用驱动层封装好的API接口,编写对应的API接口 ----------------------------------------------------…

CWE-1395:同源漏洞引起的安全威胁

1. 内容概述 产品依赖于一个或多个第三方组件,这些组件包含已知的安全漏洞。由于这些漏洞尚未被修复,可能会被攻击者利用,从而危及产品的整体安全性。未能及时更新或替换这些第三方组件可能导致严重的安全风险。 具体来说,许多产…

探索TCP协议的奥秘:Python中的网络通信

引言 在网络通信的世界里,TCP协议(传输控制协议)就如同一座桥梁,连接着数据的发送方和接收方。作为一名拥有20年实战经验的编码专家,我深知TCP协议在构建稳定、可靠的网络应用中的重要性。今天,我将带领大…

Redis:通用命令 数据类型

Redis:通用命令 & 数据类型 通用命令SETGETKEYSEXISTSDELEXPIRETTLTYPEFLUSHALL 数据类型 Redis的客户端提供了很多命令用于操控Redis,在Redis中,key的类型都是字符串,而value有多种类型,每种类型都有自己的操作命…

await的作用(举例)

问: 当方法a中又三个方法a1、a2、a3、a4都是异步函数,现在在a2、a4追加await,方法执行顺序是什么?主进程顺序是什么? 答: 通过一个具体的例子来说明当方法 a 中有四个异步方法 a1、a2、a3 和 a4&#xff…

Spring Cache 的说明及常用注解

一.介绍 Spring Cache是Spring Framework中的一个模块,用于简化和统一缓存的使用。它提供了一种将缓存逻辑与应用程序业务逻辑分离的方式,使得我们可以更方便地使用缓存来提高应用程序的性能。 二.主要特性 注解支持:Spring Cache提供了一组…

python 自学总结

# 这是一个代码的注释 注释可以使用# 一般而言#号后面要加空格表示规范,多行注释使用“”“ ”“”符合包裹 # type()这个是判断变量类型# 变量的形式 meny 50 # 自己定义叫标识符 不可以使用关键字 不可以用字母开头 规范性 下划线命名法 英文字母全部小写 …

Dbt增量策略模型实践指南

参考:dbt Incremental Strategies | Indicium Engineering (medium.com) 本文讨论dbt的增量策略,介绍工作原理、以及各自优缺点。下篇讲解如何在模型中实现增量策略。 使用增量模型可以仅仅处理最近的数据,减少数据处理成本和时间。当然首先要…

Solon 3.0 引入 SqlUtils :数据库操作的反朴归真

Solon 3.0 版本发布后,带了一个新的特性 —— SqlUtils。这一全新的数据库操作框架给开发者提供了更加透明、灵活的数据库交互方式,可显著提升了代码的透明度和维护性。本文将浅入探讨 SqlUtils 的引入背景、使用方法以及它对市场和开发者群体的潜在影响…

pytorch 与 pytorch lightning, pytorch geometric 各个版本之间的关系

主要参考 官方的给出的意见; 1. pytorch 与 pytorch lightning 各个版本之间的关系 lightning 主要可以 适配多个版本的 torch; https://lightning.ai/docs/pytorch/latest/versioning.html#compatibility-matrix; 2. pytorch 与 pytorch geometric 各…

自动化的抖音

文件命名 main.js var uiModule require("ui_module.js"); if (!auto.service) {toast("请开启无障碍服务");auto.waitFor();} var isRunning true; var swipeCount 0; var targetSwipeCount random(1, 10); var window uiModule.createUI(); uiMo…

ComfyUI | 5分钟部署最新Flux大模型

Midjourney 和 Stable Diffusion 都是目前流行的 AI 图像生成工具,它们能够根据文本描述生成高质量的图像。都是基于深度学习技术的文本到图像生成模型,但它们各自基于不同的大模型。 但最近推出了一款比前两者更强大,生成图像更加逼真&…