校内综合实训——地图定位及设备信息获取

最新推荐文章于 2020-01-10 11:59:36 发布

原创最新推荐文章于 2020-01-10 11:59:36 发布 · 303 阅读

0 ·

CC 4.0 BY-SA版权

博客主要展示了地图定位和设备信息获取两方面内容。包含这两部分的部分源代码以及运行截图，为相关开发提供了一定的参考。

一、地图定位

（一）部分源代码

/*map.wxml*/
<view style='width:100%;height:100%'>
<map longitude="{{longitude}}" latitude="{{latitude}}" scale="13" style='width:100%;height:100vh'></map>
</view>

/*map.js*/
onReady: function () {
  var _this=this;
  wx.getLocation({
    success: function(res) {
      _this.setData({
        longitude:res.longitude,
        latitude:res.latitude
      })
    },
  })
}

（二）运行截图

二、设备信息获取

（一）部分源代码

<view class="flex-wrp" style="flex-direction:column;">
<view style="width:40px;height:40px"><open-data type="userAvatarUrl"></open-data></view>
<open-data type="userNickName"></open-data>
</view>
<view class="flex-w" style="flex-direction:column;">
<button type="primary" bindtap="getSystemInfo" size="mini">获取设备信息</button>
</view>
<view class="flex-wr" style="flex-direction:column;">
<text wx:if="{{flag}}">
  设备品牌:{{brand}}
  设备型号:{{model}}
  设备像素比:{{pixelRatio}}
  屏幕宽度:{{screenWidth}}
  屏幕高度:{{screenHeight}}
</text>
</view>