php的poi搜索,微信小程序JavaScript API - POI检索 | 百度地图API SDK

在以下的代码中,首先引用百度地图微信小程序JavaScript API 模块,然后在页面的onLoad中声明BMapWX对象,最后调用BMapWX.search方法进行POI检索。

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

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

var wxMarkerData = [];

Page({

data: {

markers: [],

latitude: '',

longitude: '',

placeData: {}

},

makertap: function(e) {

var that = this;

var id = e.markerId;

that.showSearchInfo(wxMarkerData, id);

that.changeMarkerColor(wxMarkerData, id);

},

onLoad: function() {

var that = this;

// 新建百度地图对象

var BMap = new bmap.BMapWX({

ak: '您的ak'

});

var fail = function(data) {

console.log(data)

};

var success = function(data) {

wxMarkerData = data.wxMarkerData;

that.setData({

markers: wxMarkerData

});

that.setData({

latitude: wxMarkerData[0].latitude

});

that.setData({

longitude: wxMarkerData[0].longitude

});

}

// 发起POI检索请求

BMap.search({

"query": '酒店',

fail: fail,

success: success,

// 此处需要在相应路径放置图片文件

iconPath: '../../img/marker_red.png',

// 此处需要在相应路径放置图片文件

iconTapPath: '../../img/marker_red.png'

});

},

showSearchInfo: function(data, i) {

var that = this;

that.setData({

placeData: {

title: '名称:' + data[i].title + '\n',

address: '地址:' + data[i].address + '\n',

telephone: '电话:' + data[i].telephone

}

});

},

changeMarkerColor: function(data, i) {

var that = this;

var markers = [];

for (var j = 0; j < data.length; j++) {

if (j == i) {

// 此处需要在相应路径放置图片文件

data[j].iconPath = "../../img/marker_yellow.png";

} else {

// 此处需要在相应路径放置图片文件

data[j].iconPath = "../../img/marker_red.png";

}

markers[j](data[j]);

}

that.setData({

markers: markers

});

}

})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值