实训第四天

实训第四天，今天讲授的内容是地图上的小图标的显示和“我的”页面的背景图片的设置。通过今天的学习，学习到了很多的网上很难找到的好方法，对于之后的学习有很大的帮助。

一、代码

地图

  


// pages/classify/classify.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    longitude:0,
    latitude:0,

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(this)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    // console.log(this)
    var _this = this;
    wx.getLocation({
      success: function (res) {
        console.log(res);
        _this.setData({
          longitude: res.longitude,
          latitude: res.latitude
    
        })
      }
    })
  }
 
})

  
     获取头像昵称 
    
      
      {{userInfo.nickName}}
    
 
   
  
    
    手机的型号：{{mobileModel}}
    手机像素比：{{mobileePixelRatio}}
    手机的系统：{{system}}
    窗口的宽度：{{windowWidth}}
    窗口的高度：{{windowHeight}} 
    微信版本号：{{version}}
    
  

截图如下：