uniapp 引入腾讯地图解决H5端接口跨域

news2024/11/25 7:01:04

一、申请腾讯地图key

进入腾讯地图开放平台

二、引入腾讯地图

1. 安装 vue-jsonp

npm install --save vue-jsonp

2.在 main.js 中使用

import { VueJsonp } from 'vue-jsonp';
Vue.use(VueJsonp);

3.获取定位

// 获取当前位置
getLocation() {
	let _this = this;
	uni.getLocation({
		type: 'gcj02',
		geocode: true,
		isHighAccuracy: true,
		success: function(res) {
			console.log('==getLocation==');
			console.log(res);

			var location = res.latitude + ',' + res.longitude;
			let url = 'https://apis.map.qq.com/ws/geocoder/v1/?address=';
			_this.$jsonp(url, {
				key: mapKey,
				location: location,
				output: 'jsonp'
			}).then(res => {
				console.log('==H5获取当前位置==');
				console.log(res)
			}).catch(err => {
				console.log(err);
			});
		},
		fail: function(res) {
						console.log('获取当前位置的经纬度-失败');
						console.log(res);
		}
	});
},

 4、配置文件填写地图key

5.运行结果

附:下载微信小程序JavaScriptSDK。

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

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

相关文章

【C#】云LIS检验医学信息系统源码

系统基于云计算为医院机构改善患者服务质量提供了强有力的支持,“以患者为核心”这一理念得到了充分实现,基于云计算的高效区域医疗信息服务,会为医疗行业带来跨时代的变革。 一、使用技术框架说明 开发语言:C# 6.0、JavaScript …

360手机快充判断 360手机充电异常 360手机提示电池温度过低

360手机快充判断 360手机充电异常 360手机提示电池温度过低 参考:360手机-360刷机360刷机包twrp、root 360刷机包360手机刷机:360rom.github.io 【前言】 因360手机,除N7代部分机型外,其它均为micro usb充电接口;系统…

微信小程序editor富文本编辑器 有关图片的属性

微信小程序editor富文本编辑器 有关图片的属性 属性类型默认值必填说明show-img-sizebooleanfalse否点击图片时显示图片大小控件show-img-toolbarbooleanfalse否点击图片时显示工具栏控件show-img-resizebooleanfalse否点击图片时显示修改尺寸控件 详细请看:edito…

基于Nova的MinRoot VDF实现

1. 引言 前序博客有: Nova代码解析 代码见: https://github.com/Microsoft/Nova(Rust) 有多种类型的VDF算法: 同一类型的VDF,根据所选择的曲线不同,所使用的参数也有所不同: …

基于matlab使用点特征匹配稳定从抖动平台捕获的视频(附源码)

一、前言 此示例演示如何稳定从抖动平台捕获的视频。稳定视频的一种方法是跟踪图像中的显著特征,并将其用作锚点以消除与其相关的所有扰动。但是,此过程必须了解第一个视频帧中这种显着特征的位置。在此示例中,我们探索了一种无需任何此类先…

rz、sz常见报错怎么解决?

使用shell和mobaxterm 中上传下载文件遇到的问题 常见报错一: 首先要使用Ctrlx 来退出,或者等待一会; 然后重新输入sz 要下载的文件名 空格 ,然后按ctrl右键,选择如下选项 常见错误二: sz还有一些参数&#xff0…

java之路——带你了解Hibernate与基本过程

文章目录 前言一、Hibernate用来干嘛的二、Hibernate与mybatisHibernate的基本开发步骤 前言 Hibernate框架的发展可以追溯到2001年,它在过去的几年里获得了广泛的应用和持续的发展。 其中的发展演变: 初期版本(2001-2006年)&am…

记一次 JMeter 压测 HTTPS 性能问题

目录 前言: 问题背景 问题分析 切入点:垃圾回收 调整思路:为什么频繁 SSL 握手 问题验证 回归测试 源码验证 前言: 在进行性能测试时,JMeter是一个常用的工具,可以模拟大量并发用户来测试系统的负…

QT学习笔记3--信号和槽

作用 信号槽是用来连接信号的发出端和接收端,其本身是没有关联的。利用connect函数将两个端耦合在一起。 函数格式 connect(信号的发送者,发送的具体信号,信号的接受者,信号的处理(槽)) 实例 利用按键关…

MultiTimer 软件定时器扩展模块的研究与优化【原创】

文章目录 前言收获main.cMultiTimer.cMultiTimer.h 前言 博主花费几天时间研究了此开源软件定时器扩展模块代码,并参考别的博主讲解解决了定时器计数值会溢出的问题(很多博主写的文章并没有谈到这个计数溢出问题,我就想问一下看代码自己都不思…

MathType公式批量转换为Word自带公式的VBA实现及error ‘4198‘ 处理

VBA 纯新手,程序可能比较傻,大家将就看。有改进建议,欢迎留言 参考链接: 1、2种办法把MathType公式转换为Word公式 2、一键批量将mathtype公式转换成word自带公式-vba/vbnet_mathtype批量转word自带_一路向前的小Q的博客-CSDN博…

如何保证缓存与数据库的双写一致性?

分析? 你只要用缓存,就可能会涉及到缓存与数据库双存储双写,你只要是双写,就一定会有数据一 致性的问题,那么你如何解决一致性问题? 一般来说,如果允许缓存可以稍微的跟数据库偶尔有不一致的情…

合同数智化如何助力地产企业实现变革“突围”?

从稳步发展到求新求变, 数智化成破局关键 近年来,随着宏观经济政策调整,在中央房住不炒的大基调下,房地产逐步回归居住属性。在这样的大背景下,针对不同类型的房地产企业,国家出台了不同的数字化转型指导文…

【Bio】头骨组成,及其剖切面

在总结这篇文章之前,我看过了一本书《认知觉醒》,里边有提到一个观点:我们不仅要去获取新知识,也要注重对新知识的“缝接”,这个过程也就是关联。这样,如沙粒般的新知识才能关联到一起,达到聚沙…

go get google.golang.org/grpc报错

win10环境,报错完整内容如下 go get google.golang.org/grpc: module google.golang.org/grpc: Get https://proxy.golang.org/google.golang.org/grpc/v/list: dial tcp [2404:6800:4012:3::2011]:443: connectex: A connection attempt failed because the conne…

Spring 的依赖注入(DI)

前言 欢迎来到本篇文章,书接上回,本篇说说 Spring 中的依赖注入,包括注入的方式,写法,该选择哪个注入方式以及可能出现的循环依赖问题等内容。 如果正在阅读的朋友还不清楚什么是「依赖」,建议先看看我第一…

34岁上岸,我终于圆了自己的考研梦

​ 大家好,我是独孤风,一位曾经的港口煤炭工人,目前在某国企任大数据负责人,公众号大数据流动的作者。 ​ 虽然告诉自己要平静,但是当接到EMS录取通知书的那一刻,眼眶还是忍不住有些湿润。今年正好是是东北…

SpringBoot源码分析(1)--@SpringBootApplication注解使用和原理/SpringBoot的自动配置原理详解

文章目录 前言主启动类的配置1、SpringBootApplication注解1.1、SpringBootConfiguration注解验证启动类是否被注入到spring容器中 1.2、ComponentScan 注解ComponentScan 注解解析与路径扫描 1.3、EnableAutoConfiguration注解1.3.1、AutoConfigurationPackage注解1.3.2、Impo…

【MySQL】事务及其隔离性/隔离级别

目录 一、事务的概念 1、事务的四种特性 2、事务的作用 3、存储引擎对事务的支持 4、事务的提交方式 二、事务的启动、回滚与提交 1、准备工作:调整MySQL的默认隔离级别为最低/创建测试表 2、事务的启动、回滚与提交 3、启动事务后未commit,但是…

HTB-Pilgrimage

HTB-Pilgrimage 信息收集80端口立足emily -> root 信息收集 80端口 扫描目录发现存在.git。 通过scrabble获取网站的git文件。 有如下这些文件。 在index.php中使用了magick来处理图像。 正好我们靠git弄了一个,查看一下版本。 这个版本似乎有些不得了的东西…