网友真实露脸自拍10p,成人国产精品秘?久久久按摩,国产精品久久久久久无码不卡,成人免费区一区二区三区

小程序模板網(wǎng)

微信小程序開(kāi)發(fā)——map地圖組件,定位,并手動(dòng)修改位置偏差。 ...

發(fā)布時(shí)間:2017-11-28 16:59 所屬欄目:小程序開(kāi)發(fā)教程

環(huán)境搭建注冊(cè),獲取APPID(沒(méi)有這個(gè)不能真雞調(diào)試)下載微信web開(kāi)發(fā)者工具(挺多bug,將就用)打開(kāi)微信web開(kāi)發(fā)者工具,掃碼登錄,新建小程序,輸入APPID,勾選創(chuàng)建quick start項(xiàng)目。工 ...

 
 
 

環(huán)境搭建

  • 注冊(cè),獲取APPID(沒(méi)有這個(gè)不能真雞調(diào)試)
  • 下載微信web開(kāi)發(fā)者工具(挺多bug,將就用)
  • 打開(kāi)微信web開(kāi)發(fā)者工具,掃碼登錄,新建小程序,輸入APPID,勾選創(chuàng)建quick start項(xiàng)目。
 

工程結(jié)構(gòu)

可以看到工程根目錄中有個(gè)app.js,這里可以定義全局變量,通過(guò)getApp()獲取。 
項(xiàng)目中有了一些示例,已經(jīng)有了獲取用戶信息的方法等。

 

開(kāi)發(fā)地圖定位,選擇位置功能

我們直接修改index頁(yè)面來(lái)做這個(gè)功能。

 

準(zhǔn)備

  • 新建imgs目錄,加入2個(gè)圖標(biāo)(ic_location和ic_position),用于標(biāo)記當(dāng)前位置,和地圖中央位置。
 

添加定位功能

修改app.js,加入定位功能,獲取當(dāng)前位置。

//app.js
App({
  onLaunch: function () {
    //調(diào)用API從本地緩存中獲取數(shù)據(jù)
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
  }
  ,getUserInfo:function(cb){
    var that = this
    if(this.globalData.userInfo){
      typeof cb == "function" && cb(this.globalData.userInfo)
    }else{
      //調(diào)用登錄接口
      wx.login({
        success: function () {
          wx.getUserInfo({
            success: function (res) {
              that.globalData.userInfo = res.userInfo
              typeof cb == "function" && cb(that.globalData.userInfo)
            }
          })
        }
      })
    }
  }
  //get locationInfo
  ,getLocationInfo: function(cb){
    var that = this;
    if(this.globalData.locationInfo){
        cb(this.globalData.locationInfo)
    }else{
        wx.getLocation({
          type: 'gcj02', // 默認(rèn)為 wgs84 返回 gps 坐標(biāo),gcj02 返回可用于 wx.openLocation 的坐標(biāo)
          success: function(res){
            that.globalData.locationInfo = res;
            cb(that.globalData.locationInfo)
          },
          fail: function() {
            // fail
          },
          complete: function() {
            // complete
          }
        })
    }
  }

  ,globalData:{
    userInfo:null
    ,locationInfo: null
  }
})


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開(kāi)源 碼云倉(cāng)庫(kù):starfork
本文地址:http://www.xiuhaier.com/wxmini/doc/course/17969.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢
AI智能客服 ×