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

uniapp做小程序内打开地图展示位置信息

  • 使用场景:项目中需要通过位置信息打开地图查看当前位置信息在地图那个位置,每个酒店有自己的经纬度和详细地址,点击地图按钮打开内置地图
  • 如图

在这里插入图片描述
在这里插入图片描述
方法如下:

		<view class="dttu" @click="openMap(info.locationY,info.locationX,info.locationArea)"><image src="https://images.bocaihotel.net/images/dt.png" mode=""></image><view class="">地图</view></view>
	// 打开地图openMap(latitudeStr, longitudeStr, address) {const latitude = parseFloat(latitudeStr);const longitude = parseFloat(longitudeStr);uni.openLocation({latitude: latitude, // 纬度longitude: longitude, // 经度address: address, // 地址的详细描述success() {console.log('地图打开成功');},fail(error) {console.error('地图打开失败', error);}});},

这样就可以啦,前期的准备工作要在微信公众平台进行申请相关的api哦~

相关文章:

  • AOP切面、动态代理
  • springcloud-gateway 网关组件中文文档
  • c++11新特性-4-返回类型后置
  • Flutter循序渐进==>基金管理APP首页
  • JAVA学习-练习试用Java实现“编辑距离”
  • 数据驱动下的SaaS渠道精细化运营:提升ROI的实战指南
  • 【Hive实战】Linux磁盘空间不足导致HiveSession创建失败
  • 技术成神之路:设计模式(二)建造者模式
  • 第二节:如何使用thymeleaf渲染html(自学Spring boot 3.x的第一天)
  • LeetCode 每日一题 2024/6/24-2024/6/30
  • 统计学习原理中的“数据是独立同分布产生的”如何理解
  • 极客时间 - 《Linux 性能优化实战》
  • [C++]——继承 深继承
  • 震惊!张宇25版高数18讲发布,656页惹争议!
  • Spring 6.1.10版本源码编译
  • JavaScript 如何正确处理 Unicode 编码问题!
  • 实现windows 窗体的自己画,网上摘抄的,学习了
  • 【EOS】Cleos基础
  • CSS3 变换
  • ES6核心特性
  • Golang-长连接-状态推送
  • gulp 教程
  • js正则,这点儿就够用了
  • mysql_config not found
  • Python - 闭包Closure
  • QQ浏览器x5内核的兼容性问题
  • Redis中的lru算法实现
  • Terraform入门 - 1. 安装Terraform
  • 安装python包到指定虚拟环境
  • 百度小程序遇到的问题
  • 更好理解的面向对象的Javascript 1 —— 动态类型和多态
  • 十年未变!安全,谁之责?(下)
  • 测评:对于写作的人来说,Markdown是你最好的朋友 ...
  • 好程序员大数据教程Hadoop全分布安装(非HA)
  • 如何在招聘中考核.NET架构师
  • 资深实践篇 | 基于Kubernetes 1.61的Kubernetes Scheduler 调度详解 ...
  • #define
  • #免费 苹果M系芯片Macbook电脑MacOS使用Bash脚本写入(读写)NTFS硬盘教程
  • #图像处理
  • #职场发展#其他
  • $HTTP_POST_VARS['']和$_POST['']的区别
  • ( )的作用是将计算机中的信息传送给用户,计算机应用基础 吉大15春学期《计算机应用基础》在线作业二及答案...
  • (1)(1.8) MSP(MultiWii 串行协议)(4.1 版)
  • (2)(2.10) LTM telemetry
  • (PWM呼吸灯)合泰开发板HT66F2390-----点灯大师
  • (独孤九剑)--文件系统
  • (附源码)node.js知识分享网站 毕业设计 202038
  • (附源码)计算机毕业设计SSM智慧停车系统
  • (简单有案例)前端实现主题切换、动态换肤的两种简单方式
  • (自用)learnOpenGL学习总结-高级OpenGL-抗锯齿
  • .bat批处理(八):各种形式的变量%0、%i、%%i、var、%var%、!var!的含义和区别
  • .bat文件调用java类的main方法
  • .NET Core Web APi类库如何内嵌运行?
  • .NET DevOps 接入指南 | 1. GitLab 安装
  • .NET 动态调用WebService + WSE + UsernameToken