15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页

在uni-app中使用map地图组件是层级过高

李家霖| 发布于 2021-07-13 21:59:57| 1379阅读| 0点赞| 0评论
举报

使用地图组件是会有地图层级太高覆盖其他的元素 可以用 子窗体来解决

使用地图组件是会有地图层级太高覆盖其他的元素 

以下的地图界面上是有其他的元素的 但是因为地图的层级过高 导致不可见






使用子窗体来解决  

{
			"path":"pages/Di_Tu/Di_Tu",
			"style":{
				"navigationStyle":"custom",                //  使用<a href="https://www.qinfenniao.com/nav/%E7%BD%91%E7%AB%99%E5%BC%80%E5%8F%91.html" target="_blank">app</a>-plus来引入子窗体
				"<a href="https://www.qinfenniao.com/nav/%E7%BD%91%E7%AB%99%E5%BC%80%E5%8F%91.html" target="_blank">app</a>-plus":{                // 子窗体数组
					"subNVues":[
						{       // 子窗体的id  是唯一的标示不可重复
							"id": "ziyiemian",.                            // 子窗体的路径   
							"path":"pages/Di_Tu/zi",                            // 子窗体的样式
							"style": {
								"position": "absolute",  
								"dock": "right", 
								"height":"350rpx",
								"background": "transparent"  
							}  
						},                        // 可以有多个子窗体  
						{
							"id": "mapItem",
							"path":"pages/Di_Tu/mapItem",
							"style": {
								"position": "absolute",  
								"dock": "right", 
								"height":"100%",
								"width":"100%",
								"background": "transparent"  
							}  
						}
					]
				}
			}
		},


配置好后  在界面中使用以下的代码获取子窗体 展示子窗体

// 通过 id 获取 nvue 子窗体  
const subNVue = <a href="https://www.qinfenniao.com/article.html?name=uni" target="_blank">uni</a>.getSubNVueById('mapItem')  
// 打开 nvue 子窗体  //  第一个值是设置打开时的动画效果  第二个值是动画效果持续时间  第三个值是打开的后的回调 
subNVue.show('slide-in-left', 300, function(){  
    // 打开后进行一些操作……
}); 


使用了子窗体后的效果 





0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

李家霖
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部