| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 |
- // pages/home/home.js
- var amapFile = require('../../libs/amap-wx');//如:../../libs/amap-wx.js
- var markersData = [];
- Page({
- /**
- * 页面的初始数据
- */
- data: {
- markers: [],
- latitude: '',
- longitude: '',
- textData: {}
- },
- makertap: function(e) {
- var id = e.markerId;
- var that = this;
- that.showMarkerInfo(markersData,id);
- that.changeMarkerColor(markersData,id);
- },
- /**
- * 生命周期函数--监听页面加载
- */
- onLoad: function (options) {
- var that = this;
- var myAmapFun = new amapFile.AMapWX({key:'5cda803ced21ce60904b4ee41dc57840'});
- myAmapFun.getPoiAround({
- iconPathSelected: '../../img/bigstart.png',
- iconPath: '../../img/bigtu.png',
- success: function(data){
- markersData = data.markers;
- that.setData({
- markers: markersData
- });
- that.setData({
- latitude: markersData[0].latitude
- });
- that.setData({
- longitude: markersData[0].longitude
- });
- that.showMarkerInfo(markersData,0);
- },
- fail: function(info){
- wx.showModal({title:info.errMsg})
- }
- })
- },
- showMarkerInfo: function(data,i){
- var that = this;
- that.setData({
- textData: {
- name: data[i].name,
- desc: data[i].address
- }
- });
- },
- changeMarkerColor: function(data,i){
- var that = this;
- var markers = [];
- for(var j = 0; j < data.length; j++){
- if(j==i){
- data[j].iconPath = "../../img/bigtu.png";
- }else{
- data[j].iconPath = "../../img/car.png";
- }
- markers.push(data[j]);
- }
- that.setData({
- markers: markers
- });
- },
- /**
- * 生命周期函数--监听页面初次渲染完成
- */
- onReady: function () {
- },
- /**
- * 生命周期函数--监听页面显示
- */
- onShow: function () {
- },
- /**
- * 生命周期函数--监听页面隐藏
- */
- onHide: function () {
- },
- /**
- * 生命周期函数--监听页面卸载
- */
- onUnload: function () {
- },
- /**
- * 页面相关事件处理函数--监听用户下拉动作
- */
- onPullDownRefresh: function () {
- },
- /**
- * 页面上拉触底事件的处理函数
- */
- onReachBottom: function () {
- },
- /**
- * 用户点击右上角分享
- */
- onShareAppMessage: function () {
- }
- })
|