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

uniapp地图点击获取位置

主页面

<view class="right-content" @click.stop="kilometer(item)"><view class="km">{{item.distance||'0'}}km</view><image src="../../static/map.png" mode=""style="width: 32rpx; height: 32rpx; margin-left: 10rpx; margin-right: 10px;"></image>
</view>kilometer(item){uni.navigateTo({url: `/subpkg/map/map?item=${(JSON.stringify(item))}`,})},

点击跳转的页面

<template><view><map style="width: 100%; height: 400px;" enable-building="true" show-compass="true" :latitude="latitude":longitude="longitude" :markers="markers"></map></view>
</template><script>export default {data() {return {latitude: 0,longitude: 0,markers: [{id: 1,latitude: 0,longitude: 0,width: '30', // 标记点图标宽度height: '50' // 标记点图标高度}],msgInfo: {}}},onLoad(option) {this.msgInfo = JSON.parse(option.item || '{}');this.latitude = Number(this.msgInfo.lat || 0);this.longitude = Number(this.msgInfo.lng || 0);// 更新 covers 数组中的标记点位置  this.markers[0].latitude = this.latitude;this.markers[0].longitude = this.longitude;}}
</script><style lang="scss"></style>

在这里插入图片描述

http://www.lryc.cn/news/384350.html

相关文章:

  • Unity程序开发:1.基本概念及操作
  • 前端新手小白的第一个AI全栈项目---AI聊天室
  • 金升阳电源被制裁,广州顶源电源模块可以完美替换
  • 《数据赋能:一本书讲透数字化营销与运营》—— 从正确的数据观开始
  • JDK 24:Leyden
  • 对于图片转3d人脸方面的研究
  • .NET C# 八股文 代码阅读(一)
  • C++用Crow实现一个简单的Web程序,实现动态页面,向页面中输入数据并展示
  • 南信大尹志聪教授为一作在顶级综合性期刊《Natl. Sci. Rev.》发文:传统梅雨停摆,江南缘何不再多烟雨?
  • 程序员如何用ChatGPT解决常见编程问题:实例解析
  • 初识 SpringMVC,运行配置第一个Spring MVC 程序
  • STM32F1+HAL库+FreeTOTS学习1——FreeRTOS入门
  • 杭州代理记账报税全程托管专业实力全面指南
  • PHP 界的扛把子 Swoole 异步通信利器
  • 40.连接假死-空闲检测-发送心跳
  • hdfs高可用文件系统架构
  • 从官方源码精简出第1个FreeRTOS程序
  • 谷歌上搞下来的,无需付费,可以收藏!
  • 宿主机无法通过ip连接wsl2解决方案
  • Ruby编程语言学习
  • Redis实战—基于setnx的分布式锁与Redisson
  • ARM功耗管理框架之LPI
  • Unity太空避障Demo总结
  • SpringSecurity-重写默认配置
  • C# 判断值是否在枚举里
  • Interview preparation--elasticSearch倒排索引原理
  • 银河麒麟高级服务器操作系统V10SP2(X86)配置bond0的mac地址为指定子网卡的mac地址
  • python中不同维度的Tensor向量为何可以直接相加——广播机制
  • 38.MessageToMessageCodec线程安全可被共享Handler
  • Linux中的全局环境变量和局部环境变量