在地图上固定添加一个(返回)按钮

效果图:


看图左上角有个返回按钮,这里是根据css属性来决定的,首先是地图div的css属性

#container {
				width: 100%;
				height: 100%;
				margin: 0px;
				font-size: 13px;
				position: relative;
				z-index: 1;
			}
然后是返回按钮的css属性:
#back {
				position: fixed;
				z-index: 2;
				margin-top: 10px;
				margin-left: 10px;
			}

如果是要调整按钮的位置,那么调整margin-top/left 属性即可

在这里,再次解释下z-index 属性:

该属性设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。如果为正数,则离用户更近,为负数则表示离用户更远。

也就是说,我地图的值为1,返回按钮的值为2,这样解释为,返回按钮离用户的距离>地图离用户的距离 = 返回按钮的视图在地图视图的上方。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值