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

uniapp 复刻 keep 跑步运动轨迹 (获取当前经纬度信息)

在这里插入图片描述

"requiredPrivateInfos":["getLocation"],"permission" : {// 获取当前的地理位置、速度 配置"scope.userLocation" : {"desc" : "你的位置信息将用于小程序位置接口的效果展示"}}
<view style="width:100%;height:400px;"><map class="map" longitude="105.807244" latitude="37.718127" ref="dcmap" :polyline="polylineObj":scale="15" enable-satellite="true" :enable-poi='true' :enable-building='true':enable-indoorMap='true'></map></view>data() {return {polylineObj: [],};},onLoad() {uni.getLocation({type: 'wgs84', // 默认为 wgs84,表示标准的经纬度坐标系success: function (res) {console.log('经度: ' + res.longitude);console.log('纬度: ' + res.latitude);},fail: function (err) {console.error('获取定位失败: ', err);}});setTimeout(_ => {//例如这是请求过来的数据const pointList = [{"latitude": 37.718127,"longitude": 105.807244},{"latitude": 37.718127,"longitude": 106.807244}, {"latitude": 37.718127,"longitude": 107.807244}, {"latitude": 37.718135,"longitude": 108.807249}, {"latitude": 38.218143,"longitude": 105.107253}, {"latitude": 38.018164,"longitude": 105.807264}, {"latitude": 37.918185,"longitude": 105.807275}, {"latitude": 37.818206,"longitude": 105.807286}, {"latitude": 37.7199999,"longitude": 105.807297}]//这里是关键,这里是赋值this.polylineObj = [{points: pointList,arrowLine: true, //配置项:带箭头的线arrowIconPath: "/static/point.png", //配置项:更换箭头图标width: 10, //配置项:线的宽度}, ]}, 2000)},
http://www.xdnf.cn/news/5726.html

相关文章:

  • Java实现MCP server,配合DeepSeek和达梦数据库,实现基于企业数据库的智能问答
  • 在Windows 境下,将Redis和Nginx注册为服务。
  • uniapp使用npm下载
  • 《数字人 :生成之旅》
  • 第二十五节:轮廓检测-轮廓特征 (面积、周长、边界框等)
  • 前端面试宝典---webpack面试题
  • 【Linux】在Arm服务器源码编译onnxruntime-gpu的whl
  • Spring Boot异步任务失效的8大原因及解决方案
  • 四、STM32 HAL库API完全指南:从功能分类到实战示例
  • Hadoop区别
  • Dagster Pipes系列-1:调用外部Python脚本
  • 【CF】Day57——Codeforces Round 955 (Div. 2, with prizes from NEAR!) BCD
  • 利用散点图探索宇航员特征与太空任务之间的关系
  • BUUCTF 大流量分析(三) 1
  • 开源链动2+1模式AI智能名片S2B2C商城小程序赋能新微商服务能力升级研究
  • 主从架构:技术原理与实现
  • python实现usb热插拔检测(linux)
  • 【Nova UI】十三、打造组件库之按钮组件(中):样式雕琢全攻略
  • 【学习笔记】机器学习(Machine Learning) | 第六章(2)| 过拟合问题
  • 编程题 02-线性结构3 Reversing Linked List【PAT】
  • WebFlux vs WebMVC vs Servlet 对比
  • spark的处理过程-转换算子和行动算子
  • Spark,RDD中的转换算子
  • NVMe-oF(NVMe over Fabrics)
  • 车联网大数据:从数据到场景的闭环实践
  • Linux 软件包|服务管理
  • 极狐GitLab 通用软件包存储库功能介绍
  • Excel-to-JSON插件专业版功能详解:让Excel数据转换更灵活
  • 什么是内存刷新
  • 中国黄土高原中部XF剖面磁化率和粒度数据