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

相关推荐
杰建云1674 小时前
小程序转化率低的核心原因是什么?
小程序·小程序制作
中国胖子风清扬5 小时前
基于GPUI框架构建现代化待办事项应用:从架构设计到业务落地
java·spring boot·macos·小程序·rust·uni-app·web app
Greg_Zhong5 小时前
微信小程序中使用canvas中绘制的页面,切换字体的几种实践方式
微信小程序·腾讯云cos·canvas页面切换字体
久爱@勿忘5 小时前
uniapp自定义进度条(vue或原生开发修改html标签即可)
uni-app
「、皓子~5 小时前
海狸IM技术升级:从Uniapp到Flutter的跨平台重构之路
flutter·重构·golang·uni-app·im·社交软件
weikecms5 小时前
外卖CPS小程序哪家系统比较完善
小程序
大阳光男孩1 天前
Uniapp+Vue3树形选择器
前端·javascript·uni-app
绝世唐门三哥1 天前
uniapp系列-uniappp都有哪些生命周期?
vue.js·小程序·uniapp
人还是要有梦想的1 天前
如何开发小程序介绍
小程序·notepad++
roamingcode1 天前
支付宝小程序数据可视化避坑指南:@antv/f2 踩坑与最佳实践
信息可视化·小程序·canvas·antv