微信小程序学习笔记---定位

js代码

// 引用百度地图微信小程序JSAPI模块

var bmap = require('bmap-wx.min.js');

var wxMarkerData=[];//定位成功回调对象

Page({

data:{

ak:"你的ak",//填写申请到的ak

markers:[],

longitude:'',//经度

latitude:'',

desc:'',//纬度

cityInfo:{}//城市信息

},

onLoad:function(options){

var that=this;

/* 获取定位地理位置 */

// 新建bmap对象

var BMap=new bmap.BMapWX({

ak: that.data.ak

});

var fail=function(data){

console.log(data);

};

var success=function(data){

//返回数据内，已经包含经纬度

console.log(data);

//使用wxMarkerData获取数据

wxMarkerData = data.wxMarkerData;

//把所有数据放在初始化data内

that.setData({

markers: wxMarkerData,

latitude: wxMarkerData[0].latitude,

longitude: wxMarkerData[0].longitude,

address: wxMarkerData[0].address,

desc: wxMarkerData[0].desc,

cityInfo: data.originalData.result.addressComponent

});

}

// 发起regeocoding检索请求

BMap.regeocoding({

fail: fail,

success: success

});

}

})

wxml代码

<view>经度：{{longitude}}</view>

<view>纬度：{{latitude}}</view>

<view>地址：{{address}}</view>

<view>位置：{{desc}}</view>

<view>省级：{{cityInfo.province}}</view>

<view>城市：{{cityInfo.city}}</view>

<view>街道：{{cityInfo.district}}{{cityInfo.street}}{{cityInfo.street_number}}</view>

<view>方位：{{cityInfo.direction}}</view>

<view>米数：{{cityInfo.distance}}米</view>