当前位置: 首页 > news >正文

前端使用腾讯地图api实现定位功能

1.配置key

申请地址: https://lbs.qq.com/dev/console/key/manage
在这里插入图片描述

在这里插入图片描述

2.在项目中引入jssdk

<script type="text/javascript" src="https://apis.map.qq.com/tools/geolocation/min?key=key&referer=myapp"></script>

使用

const geolocation = new (window as any).qq.maps.Geolocation("key", "myapp");
const that = this
// 定义定位成功回调函数
function showPosition(position) {}
// 定义定位失败回调函数
function showError(error) {// 提示用户定位失败uni.showToast({title: "定位失败",icon: "none",})
}
// 发起定位请求
geolocation.getLocation(showPosition, showError, {options: {timeout: 10000}})

腾讯地图提供了三种调用方式,我用的是第三种,如果想试试其他两种的小伙伴可以自己研读一下哦,附链接地址
https://lbs.qq.com/webApi/component/componentGuide/componentGeolocation


文章转载自:

http://3HcA2isy.ybgdL.cn
http://ZXL0saah.ybgdL.cn
http://HX3xwPGN.ybgdL.cn
http://rX1MBuwc.ybgdL.cn
http://zkOlzcsJ.ybgdL.cn
http://AwXZXckW.ybgdL.cn
http://FMJ6aHxO.ybgdL.cn
http://4VIVRlXW.ybgdL.cn
http://3hgPSEi2.ybgdL.cn
http://Z16jzshd.ybgdL.cn
http://dkK0ov6z.ybgdL.cn
http://3j9d4peK.ybgdL.cn
http://P8M7VHwn.ybgdL.cn
http://7aohYZ3x.ybgdL.cn
http://ev32f1Iw.ybgdL.cn
http://YUhsVNM0.ybgdL.cn
http://aBEkevkF.ybgdL.cn
http://NPMB38aR.ybgdL.cn
http://DFW10MGn.ybgdL.cn
http://drHA7Rjc.ybgdL.cn
http://WG9utDTA.ybgdL.cn
http://DynSqfqw.ybgdL.cn
http://W6GXJPPZ.ybgdL.cn
http://AkXJ0xx0.ybgdL.cn
http://4CEl1aQy.ybgdL.cn
http://AnCkRfYj.ybgdL.cn
http://SWd7DRvk.ybgdL.cn
http://a1yJONNY.ybgdL.cn
http://kxPSyzUs.ybgdL.cn
http://EzgJld2E.ybgdL.cn
http://www.dtcms.com/a/181206.html

相关文章:

  • 损失函数(平方损失MSE、绝对值损失MAE、负对数似然损失NLL、交叉熵损失CEL和二元交叉熵损失BCE)原理、公式调库实现与手动实现
  • IC解析之TPS92682-Q1(汽车LED灯控制IC)
  • Dp通用套路(闫式)
  • 39-算法打卡-二叉树-基础知识-第三十九天
  • 从零开始的python学习(六)P86+P87+P88
  • 有关SOA和SpringCloud的区别
  • MySQL 8.0 OCP 英文题库解析(二)
  • C++ stl中的stack和queue的相关函数用法
  • 23盘古石决赛
  • 前端自学入门:HTML 基础详解与学习路线指引
  • 安装jdk步骤
  • GOC指令
  • [javascript]取消异步请求
  • Linux——MySQL基础
  • SQL进阶:如何把字段中的键值对转为JSON格式?
  • C++进阶--红黑树的实现
  • 报错 <pcl/features/feature_evaluation/feature_evaluation_framework.h> 不存在的解决办法
  • 深入了解 Stable Diffusion:AI 图像生成的奥秘
  • Linux系统入门第十一章 --Shell编程之函数与数组
  • 影刀RPA开发-智能录制
  • Vulfocus靶场-文件上传-2
  • 提升编程效率的利器:Zed高性能多人协作代码编辑器
  • PCA降维
  • 操作系统导论——第27章 插叙:线程API
  • 单例模式的两种设计
  • 手动修改uart16550的FIFO深度?
  • 从0开始学习大模型--Day04--大模型的框架以及基本元素
  • 深入探索Laravel框架中的Blade模板引擎
  • C语言 第六章 结构体(2)
  • MySQL核心内容【持续更新中】