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");。
