在模拟器中测试一切正常,代码如下:
<map id= "myMap" bindcontroltap= "controlsEventHandle" scale= "14" markers= "{{markers}}" show-location style= "width:{{map_width}};height:{{map_height}};" circles= "{{circles}}" > <cover-view animation= "{{animationData1}}" class = "cv_block cv_block_1" > <text class = "cv_text" >测试文字内容</text> </cover-view> </map> |
.cv_block{ position : fixed ; display : inline ; font-size : 5 rpx; color : #C8C8C8 ; } .cv_block_ 1 { top : 100 rpx; left : 300 rpx; } |
this .animation.rotate(45).step(); this .setData({ animationData1: this .animation.export(), }) |
地图是全屏显示的,经测试,
①在模拟器中可以看到文字内容以及旋转45°的动画效果。
②在安卓真机上,只有文字,没有动画旋转的效果,依然水平排放
③在IOS上,既没有文字显示,更不用题动画了....
希望解决一下这个问题,我需要通过这个来实现地图上叠加水印的效果(目前找不到更好的办法,只能通过cover-view实现了)
cover-view 中只能使用 cover-* 组件
解决了吗
哦,是这样啊,可是模拟器竟然支持其他组件,另外咨询一下,cover-view何时支持动画?
经进一步测试,发现IOS实际上有旋转,但是cover-view层级比竟然比map低,显示不出来,只有拉动地图出现屏幕空白区域才看到cover-view的内容