appcan移动开发中uexBaiduMap插件的悬浮效果
2017-05-17 13:54
260 查看
appcan本身对于各个插件支持有限,官方给予的文档也不是很完全,经常出现各种功能实现的缺失。
当使用官方uexBaiduMap希望实现悬浮于地图之上的按钮这种效果时,遇到了比较尴尬的问题。
在web browser端我们使用css的z-index来实现该效果,然后在appcan调用uexBaiduMap插件缺不行。
经过一篇使用uexButton帖子的启发,最终使用以下方式实现了该效果
uexBaiduMap.open(0,600,1080,1300,data.longitude,data.latitude, function(){
var param = {
x:100,
y:700,
width:200,
height:90,
data:{
title:"AppCan",
titleColor:"#111111",
bgImage:"res://position-128.png",
textSize:"15.789"
} } ;
btnOjb = uexButton.create(param);
uexButton.onClick = function(btnOjb){
alert("onClick-" + btnOjb);
}
});
当使用官方uexBaiduMap希望实现悬浮于地图之上的按钮这种效果时,遇到了比较尴尬的问题。
在web browser端我们使用css的z-index来实现该效果,然后在appcan调用uexBaiduMap插件缺不行。
<div style="margin-top: 15em;background-color: #16A5D7;position:absolute;z-index: 9999;">121111112</div>
经过一篇使用uexButton帖子的启发,最终使用以下方式实现了该效果
uexBaiduMap.open(0,600,1080,1300,data.longitude,data.latitude, function(){
var param = {
x:100,
y:700,
width:200,
height:90,
data:{
title:"AppCan",
titleColor:"#111111",
bgImage:"res://position-128.png",
textSize:"15.789"
} } ;
btnOjb = uexButton.create(param);
uexButton.onClick = function(btnOjb){
alert("onClick-" + btnOjb);
}
});
相关文章推荐
- pAdPt_-7 Hello BaiduMap [配置百度地图移动版开发环境(Android Studio)]
- 移动开发中的上下左右滑动插件jquery.swipe.js
- 推荐8个最佳的jQuery移动开发插件
- 最佳6款用于移动网站开发的jQuery 图片滑块插件小结
- 帮助你在移动设备上生成倾斜控制(重力控制)的旋转效果jQuery插件 - lenticular.js
- 关于移动应用在线开发平台AppCan:内行看门道外行看热闹
- js+ asp.Net ajax开发163邮箱效果(列表底色、多选拖动等)--列表底色随鼠标移动变化
- 移动应用开发平台AppCan即将发布2.0版本
- 最佳6款用于移动网站开发的 jQuery 图片滑块插件
- AppCan VS PhoneGap - 对比两大移动开发平台
- 帮助你在移动设备上生成倾斜控制(重力控制)的旋转效果jQuery插件 - lenticular.js
- jcarousellite插件鼠标经过和鼠标移出悬浮效果及图片小于可见数是滚动混乱
- Android UI开发第十四篇——可以移动的悬浮框
- Android UI开发第十四篇——可以移动的悬浮框
- 最佳6款用于移动网站开发的 jQuery 图片滑块插件
- php 网站添加视频,如何实现这种效果,自己开发,还是找视频插件商买
- 随机字符变换效果的jQuery插件开发教程
- 基于Jquery插件开发之图片放大镜效果(仿淘宝)
- 最佳6款用于移动网站开发的 jQuery 图片滑块插件
- 移动应用开发平台AppCan即将发布2.0版本