bmap-wx.min.js
//直接复制就好
"use strict";
function _classCallCheck(t,a){
if(!(t
instanceof a))
throw
new TypeError(
"Cannot call a class as a function")}
var _createClass=
function(){
function t(t,a){
for(
var e=
0;e<a.length;e++){
var i=a[e];i.enumerable=i.enumerable||!
1,i.configurable=!
0,
"value"
in i&&(i.writable=!
0),Object.defineProperty(t,i.key,i)}}
return
function(a,e,i){
return e&&t(a.prototype,e),i&&t(a,i),a}}(),BMapWX=
function(){
function t(a){_classCallCheck(
this,t),
this.ak=a.ak}
return _createClass(t,[{key:
"getWXLocation",value:
function(t,a,e,i){t=t||
"gcj02",a=a||
function(){},e=e||
function(){},i=i||
function(){},wx.getLocation({
type:t,success:a,fail:e,complete:i})}},{key:
"search",value:
function(t){
var a=
this;t=t||{};
var e={query:t.query||
"生活服务$美食&酒店",scope:t.scope||
1,filter:t.filter||
"",coord_type:t.coord_type||
2,page_size:t.page_size||
10,page_num:t.page_num||
0,output:t.output||
"json",ak:a.ak,sn:t.sn||
"",timestamp:t.timestamp||
"",radius:t.radius||
2e3,ret_coordtype:
"gcj02ll"},i={iconPath:t.iconPath,iconTapPath:t.iconTapPath,width:t.width,height:t.height,alpha:t.alpha||
1,success:t.success||
function(){},fail:t.fail||
function(){}},n=
"gcj02",o=
function(t){e.location=t.latitude+
","+t.longitude,wx.request({url:
"https://api.map.baidu.com/place/v2/search",data:e,header:{
"content-type":
"application/json"},method:
"GET",success:
function(t){
var a=t.data;
if(
0===a.status){
var e=a.results,n={};n.originalData=a,n.wxMarkerData=[];
for(
var o=
0;o<e.length;o++)n.wxMarkerData[o]={id:o,latitude:e[o].location.lat,longitude:e[o].location.lng,title:e[o].name,iconPath:i.iconPath,iconTapPath:i.iconTapPath,address:e[o].address,telephone:e[o].telephone,alpha:i.alpha,width:i.width,height:i.height};i.success(n)}
else i.fail({errMsg:a.message,statusCode:a.status})},fail:
function(t){i.fail(t)}})},s=
function(t){i.fail(t)},c=
function(){};
if(t.location){
var u=t.location.split(
",")[
1],r=t.location.split(
",")[
0],l=
"input location",p={errMsg:l,latitude:r,longitude:u};o(p)}
else a.getWXLocation(n,o,s,c)}},{key:
"suggestion",value:
function(t){
var a=
this;t=t||{};
var e={query:t.query||
"",region:t.region||
"全国",city_limit:t.city_limit||!
1,output:t.output||
"json",ak:a.ak,sn:t.sn||
"",timestamp:t.timestamp||
"",ret_coordtype:
"gcj02ll"},i={success:t.success||
function(){},fail:t.fail||
function(){}};wx.request({url:
"https://api.map.baidu.com/place/v2/suggestion",data:e,header:{
"content-type":
"application/json"},method:
"GET",success:
function(t){
var a=t.data;
0===a.status?i.success(a):i.fail({errMsg:a.message,statusCode:a.status})},fail:
function(t){i.fail(t)}})}},{key:
"regeocoding",value:
function(t){
var a=
this;t=t||{};
var e={coordtype:t.coordtype||
"gcj02ll",pois:t.pois||
0,output:t.output||
"json",ak:a.ak,sn:t.sn||
"",timestamp:t.timestamp||
"",ret_coordtype:
"gcj02ll"},i={iconPath:t.iconPath,iconTapPath:t.iconTapPath,width:t.width,height:t.height,alpha:t.alpha||
1,success:t.success||
function(){},fail:t.fail||
function(){}},n=
"gcj02",o=
function(t){e.location=t.latitude+
","+t.longitude,wx.request({url:
"https://api.map.baidu.com/geocoder/v2/",data:e,header:{
"content-type":
"application/json"},method:
"GET",success:
function(a){
var e=a.data;
if(
0===e.status){
var n=e.result,o={};o.originalData=e,o.wxMarkerData=[],o.wxMarkerData[
0]={id:
0,latitude:t.latitude,longitude:t.longitude,address:n.formatted_address,iconPath:i.iconPath,iconTapPath:i.iconTapPath,desc:n.sematic_description,business:n.business,alpha:i.alpha,width:i.width,height:i.height},i.success(o)}
else i.fail({errMsg:e.message,statusCode:e.status})},fail:
function(t){i.fail(t)}})},s=
function(t){i.fail(t)},c=
function(){};
if(t.location){
var u=t.location.split(
",")[
1],r=t.location.split(
",")[
0],l=
"input location",p={errMsg:l,latitude:r,longitude:u};o(p)}
else a.getWXLocation(n,o,s,c)}},{key:
"weather",value:
function(t){
var a=
this;t=t||{};
var e={coord_type:t.coord_type||
"gcj02",output:t.output||
"json",ak:a.ak,sn:t.sn||
"",timestamp:t.timestamp||
""},i={success:t.success||
function(){},fail:t.fail||
function(){}},n=
"gcj02",o=
function(t){e.location=t.longitude+
","+t.latitude,wx.request({url:
"https://api.map.baidu.com/telematics/v3/weather",data:e,header:{
"content-type":
"application/json"},method:
"GET",success:
function(t){
var a=t.data;
if(
0===a.error&&
"success"===a.status){
var e=a.results,n={};n.originalData=a,n.currentWeather=[],n.currentWeather[
0]={currentCity:e[
0].currentCity,pm25:e[
0].pm25,date:e[
0].weather_data[
0].date,temperature:e[
0].weather_data[
0].temperature,weatherDesc:e[
0].weather_data[
0].weather,wind:e[
0].weather_data[
0].wind},i.success(n)}
else i.fail({errMsg:a.message,statusCode:a.status})},fail:
function(t){i.fail(t)}})},s=
function(t){i.fail(t)},c=
function(){};
if(t.location){
var u=t.location.split(
",")[
0],r=t.location.split(
",")[
1],l=
"input location",p={errMsg:l,latitude:r,longitude:u};o(p)}
else a.getWXLocation(n,o,s,c)}}]),t}();
module.exports.BMapWX=BMapWX;
.js
// 引用百度地图微信小程序JSAPI模块
var bmap =
require(
'../../pages/weizhidingwei/bmap-wx.min.js');
var wxMarkerData = [];
//定位成功回调对象
Page({
data: {
weatherData:
'',
ak:
"您的ak",
//填写申请到的ak
markers: [],
longitude:
'',
//经度
latitude:
'',
//纬度
address:
'',
//地址
cityInfo: {}
//城市信息
},
onLoad:
function () {
var that =
this;
/* 获取定位地理位置 */
// 新建bmap对象
var BMap =
new bmap.BMapWX({
ak: that.data.ak
});
var fail =
function(data) {
console.log(
'fail!!!!')
};
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,
cityInfo: data.originalData.result.addressComponent,
});
}
// 发起regeocoding检索请求
BMap.regeocoding({
fail: fail,
success: success
});
},
//显示天气
onShow:
function()
{
var that =
this;
var BMap =
new bmap.BMapWX({
ak:
'您的ak' //填写申请到的ak
});
var fail =
function (data) {
console.log(
'fail!!!!')
};
var success =
function (data) {
console.log(
'success!!!');
var weatherData = data.currentWeather[
0];
weatherData =
'城市：' + weatherData.currentCity +
'\n' +
'PM2.5：' + weatherData.pm25 +
'\n' +
'日期：' + weatherData.date +
'\n' +
'温度：' + weatherData.temperature +
'\n' +
'天气：' + weatherData.weatherDesc +
'\n' +
'风力：' + weatherData.wind +
'\n';
that.setData({
weatherData: weatherData
});
}
BMap.weather({
fail: fail,
success: success
});
}
})
wxml
<
view
>
<
map
id=
"map"
longitude=
'{{longitude}}'
latitude=
'{{latitude}}'
bindregionchange=
"regionchange"
show-location
style=
"width: 100%; height: 300px;"></
map
>
<
view
>经度：{{longitude}}
</
view
>
<
view
>纬度：{{latitude}}
</
view
>
<
view
>地址：{{address}}
</
view
>
<
view
>城市：{{cityInfo.city}}
</
view
>
<
view
>{{weatherData}}
</
view
>
</
view
>
原创文章 12
获赞 9
访问量 7万+