3. 编辑元素
元素描述: 使用二维码元素可在页面生成真实的二维码.
标签: 加载中...
暂无注意事项
PC | 手机浏览器 | android APP | iOS APP | 微信浏览器 |
---|---|---|---|---|
. | . | . | . | . |
# | 内容 | 备注 |
---|---|---|
作者 | 加载中... | 加载中... |
扩展元素标识 | 加载中... | 加载中... |
编辑支持 | 编辑器支持 运行期支持 编译器支持 | |
额外资源支持 | 加载中... | |
创建时间 | ||
最近更新时间 |
# | 属性名 | 属性说明 | 值示例 |
---|---|---|---|
普通属性 | 加载中... | 加载中... | 加载中... |
控制属性 | 加载中... | 加载中... | 加载中... |
输出属性 | 加载中... | 加载中... | 加载中... |
当前位置:你的城市
本元素暂无预览图
“获取定位信息”元素可以获取设备所在地理位置的一些信息,例如:城市、街道、经纬度等。注意:使用此元素需要同时使用“页面启用百度地图支持”元素。
页面编辑界面→拖拽布局至容器内→将布局转化为层→编辑。
在层中插入“页面启用百度地图支持”元素和“获取定位信息”元素,最终效果如下图:
元素可以获得如下信息:
"webpage_geolocation": {
"accuracy": null, //经度和纬度坐标的精度等级
"altitude": null, //
"altitudeAccuracy": null, //海拔坐标的精度等级
"heading": null, //行进方向,相对于正北,按照顺时针方向计算
"latitude": "", //纬度,十进制
"longitude": "", //经度,十进制
"speed": null, //该设备的当前地面速度,以每秒米指定。
"timestamp": null, //时间戳
"point": { //坐标
"lng": 0, //经度
"lat": 0 //纬度
},
"address": { //地址
"city": "", //城市
"city_code": 0, //百度城市代码
"district": "", //区县
"province": "", //省份
"street": "", //街道
"street_number": "" //门址
}
}
(1) 页面加载就显示定位的信息
在需要显示定位信息处使用“文本内容绑定”(单行文本、多行文本使用“文本输入值绑定”)。绑定参数填入需要获取的信息,如: webpage_geolocation.address.city();,如果需要同时显示多个值,可以使用“+”连接,如:
webpage_geolocation.address.province()+webpage_geolocation.address.city()+webpage_geolocation.address.district()+webpage_geolocation.address.street()+webpage_geolocation.address.street_number();
(2) 点击按钮并在按钮上显示定位信息
右键点击按钮→逻辑→数据绑定:文本内容绑定→绑定参数:test。
右键点击按钮→逻辑→逻辑→产生某效果:绑定数据编程→高级编辑:_vm.test(_vm.webpage_geolocation.address.city());。
(3) 重新获取定位信息
在“获取定位信息”元素上右键,选择“逻辑”→数据绑定→绑定模式:属性绑定→绑定参数:{"data--update":refresh}。
添加一个按钮,在按钮上右键,选择“逻辑”→逻辑→产生某种效果:绑定数据编程→高级编辑: _vm.refresh("true");。