当前位置: 首页 > 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哦~

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

相关文章:

  • leetcode 283.移动零
  • Unity | Shader基础知识(第十七集:学习Stencil并做出透视效果)
  • 【3D->2D转换(1)】LSS(提升,投放,捕捉)
  • MyBatis 框架核心及面试知识要点
  • 《linux系统内核设计与实现》-实现最简单的字符设备驱动
  • 【MotionCap】pycharm 远程在wsl2 ubuntu20.04中root的miniconda3环境
  • [BJDCTF 2nd]简单注入
  • java项目的一些功能(完善登录功能、注册接口参数校验、完善分页查询、完善日期格式、更新文章分类和添加文章分类的分组校验、自定义校验、文件上传 )
  • Mac安装AndroidStudio连接手机 客户端测试
  • Git 完整的提交规范教程
  • 【TB作品】51单片机 Proteus仿真 00001仿真实物PID电机调速系统
  • 【LInux】从动态库的加载深入理解页表机制
  • IDEA与通义灵码的智能编程之旅
  • 多表查询sql
  • 移动端UI风格营造舒适氛围
  • 摸鱼大数据——Spark SQL——DataFrame详解一
  • 【Java探索之旅】初识多态_概念_实现条件
  • [Day 26] 區塊鏈與人工智能的聯動應用:理論、技術與實踐
  • 算法 —— 滑动窗口
  • 【设计模式】工厂模式(定义 | 特点 | Demo入门讲解)
  • Linux之计划和日志
  • C++ 多态篇
  • 【LVGL-SquareLine Studio】
  • mysqli 与mysql 区别和联系, 举例说明
  • 【SpringCloud应用框架】Nacos安装和服务提供者注册
  • 英语学习交流小程序的设计
  • 实现Java多线程中的线程间通信
  • C++模板元编程(一)——可变参数模板
  • kafka中
  • Android 获取当前电池状态