【2022-2-12】uniapp和地图的key申请与参考学习文档

底层引擎

<map> 组件在不同平台的底层引擎是不同的:
微信小程序为腾讯地图;
H5为腾讯地图或谷歌地图;
App、支付宝小程序为高德地图;
百度小程序、快应用为百度地图。
app-vue也可以使用百度地图,在manifest中配置,打包后生效,但app-nvue只支持高德地图
另外选择地图、查看地图位置的API也仅支持高德地图。App端如无特殊必要,建议使用高德地图。

层级问题

小程序和app-vue中,<map> 组件是由引擎创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。
<map>上绘制内容,可使用组件自带的marker、controls等属性,也可以使用<cover-view>组件。
App端还可以使用plus.nativeObj.view 或 subNVue 绘制原生内容,参考:https://uniapp.dcloud.io/component/native-component
另外App端nvue文件不存在层级问题。
从微信基础库2.8.3开始,支持map组件的同层渲染,不再有层级问题。ps:这句说的是vue还是nvue?

App端推荐使用nvue

  • vue有层级问题:小程序和app-vue中, 组件是由引擎创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。nvue没有层级问题。
  • map 组件默认的api是参考微信小程序的,如需要使用plus.map,可以通过 g e t A p p M a p 获 取 原 生 地 图 对 象 。 n v u e 无 法 使 用 ‘ getAppMap获取原生地图对象。nvue无法使用` getAppM
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值