用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 实战教程 查看内容

微信小程序开发——map地图组件,定位,并手动修改位置偏差。 ...

天下雪 2017-2-2 11:29

作者:贝爷粉丝团,来自原文地址环境搭建注册,获取APPID(没有这个不能真鸡调试)下载微信web开发者工具(挺多bug,将就用)打开微信web开发者工具,扫码登录,新建小程序,输入APPID,勾选创建quick start项目。工 ...

作者:贝爷粉丝团,来自原文地址

环境搭建

  • 注册,获取APPID(没有这个不能真鸡调试)
  • 下载微信web开发者工具(挺多bug,将就用)
  • 打开微信web开发者工具,扫码登录,新建小程序,输入APPID,勾选创建quick start项目。

工程结构

可以看到工程根目录中有个app.js,这里可以定义全局变量,通过getApp()获取。 
项目中有了一些示例,已经有了获取用户信息的方法等。

开发地图定位,选择位置功能

我们直接修改index页面来做这个功能。

准备

  • 新建imgs目录,加入2个图标(ic_location和ic_position),用于标记当前位置,和地图中央位置。

添加定位功能

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

  1. //app.js
  2. App({
  3. onLaunch: function () {
  4. //调用API从本地缓存中获取数据
  5. var logs = wx.getStorageSync('logs') || []
  6. logs.unshift(Date.now())
  7. wx.setStorageSync('logs', logs)
  8. }
  9. ,getUserInfo:function(cb){
  10. var that = this
  11. if(this.globalData.userInfo){
  12. typeof cb == "function" && cb(this.globalData.userInfo)
  13. }else{
  14. //调用登录接口
  15. wx.login({
  16. success: function () {
  17. wx.getUserInfo({
  18. success: function (res) {
  19. that.globalData.userInfo = res.userInfo
  20. typeof cb == "function" && cb(that.globalData.userInfo)
  21. }
  22. })
  23. }
  24. })
  25. }
  26. }
  27. //get locationInfo
  28. ,getLocationInfo: function(cb){
  29. var that = this;
  30. if(this.globalData.locationInfo){
  31. cb(this.globalData.locationInfo
鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: 贝爷粉丝团 来自: 原文地址

相关阅读