免费国产欧美国日产_少妇AV一区二区三区无码_蜜桃精品av无码喷奶水小说_jk18禁网站视频_精产国品一二三级产品区别_被夫の上司に犯波多野结衣_78m成人手机免费看_最爽最刺激18禁视频_偷偷色噜狠狠狠狠的777米奇

易優(yōu)GEO 重磅上線 ~ 一站式GEO優(yōu)化工具,讓豆包、文心一言、DeepSeek 在回答中主動推薦你的品牌,搶占AI流量入口!  點擊查看

小程序模板網(wǎng)

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

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

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

 
 
 

環(huán)境搭建

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

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

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

 

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

我們直接修改index頁面來做這個功能。

 

準備

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

添加定位功能

修改app.js,加入定位功能,獲取當前位置。

//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', // 默認為 wgs84 返回 gps 坐標,gcj02 返回可用于 wx.openLocation 的坐標
          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+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.szcjxy.com/wxmini/doc/course/17969.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢: 點擊咨詢
在線客服