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 路线图等用的

相关推荐
黄华SJ520it2 小时前
新零售排队免单系统开发全流程介绍
小程序·零售·系统开发
宸翰8 小时前
uni-app 设置 Android 底部虚拟导航栏背景色
android·前端·uni-app
千逐6811 小时前
UniApp 鸿蒙实战:音视频与多媒体处理完全指南
华为·uni-app·harmonyos·鸿蒙
handsome091612 小时前
windows开发uniapp如何上架app到app store
uni-app·上架
宠友信息13 小时前
Redis 内容社区源码架构优化与即时通讯数据一致性处理
spring boot·后端·websocket·mysql·uni-app
CHB1 天前
uni-app x 蒸汽模式 iOS版 性能测试基准报告 Benchmark
ios·uni-app·swiftui
衍生星球1 天前
SpringBoot3 + Vue3 + 微信小程序如何学习,以及学哪些技术,组件
sql·微信小程序·uni-app·vue·springboot
weixin_451431561 天前
落地到一个真实项目里——一个 AI驱动的冰箱食材管理小程序
人工智能·ai·小程序
hnxaoli2 天前
统信小程序(十六)xls转xlsx
开发语言·python·小程序
卓怡学长2 天前
w272基于springboot便民医疗服务小程序
java·spring boot·spring·小程序·intellij-idea