uniapp微信小程序中的地图

uniapp的文档中, 一个是地图api 一个是地图的 map 组件,两个有些地方是相通的,不好区分


区分一下,api 是通过 方法调起显示地图

比如我们常用的 查看位置的 api

uni.openLocation() 这个api 的参数 一这是 number 不然无效

js 复制代码
 uni.openLocation({
      latitude:Number(orderDetail.value.lat),
      longitude:Number(orderDetail.value.lng),
      scale:18,
      success(res){
        console.log(res)
      }
    })

它可以传入一个 经纬度, 显示位置,并可以调起高德地图导航去位置上去

api的某些方法是需要在 manifest.json 中配置小程序的 getLocation的权限

而map组件是用来在 地图上 画marker 路线图等用的

相关推荐
kidding7236 小时前
旋转大转盘小程序
前端·css·微信小程序·小程序·前端框架
千逐688 小时前
Uniapp 鸿蒙实战之 AtomGit APP - 仓库详情与文件树浏览
服务器·microsoft·uni-app
万物得其道者成9 小时前
uni-app App 热更新实现指南:从接口检查到下载安装重启(附带AI提示词)
uni-app
码农客栈9 小时前
小程序学习(二十九)之项目打包
小程序
anyup10 小时前
uView Pro 正式支持 MCP 协议!让 AI 秒懂你的组件库
前端·uni-app·ai编程
凡科建站11 小时前
2026年艺术类教育小程序开发平台有哪些?艺术类教育小程序开发平台推荐
小程序
千逐6812 小时前
Uniapp 鸿蒙实战之 AtomGit APP - 首页设计与仓库列表实现
华为·uni-app·harmonyos
LT10157974441 天前
2026年在线兼容性测试工具推荐|零部署网页 / APP / 小程序实测对比
测试工具·小程序
码农客栈1 天前
小程序学习(二十八)之“订单列表”
小程序
天丁o2 天前
Spring Boot + uni-app 智慧考勤闭环 Demo:打卡记录、异常状态和日统计如何复用到企业系统
spring boot·uni-app·mybatis plus·企业管理系统·考勤系统