home.js 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. // pages/home/home.js
  2. var amapFile = require('../../libs/amap-wx');//如:..­/..­/libs/amap-wx.js
  3. var markersData = [];
  4. Page({
  5. /**
  6. * 页面的初始数据
  7. */
  8. data: {
  9. markers: [],
  10. latitude: '',
  11. longitude: '',
  12. textData: {}
  13. },
  14. makertap: function(e) {
  15. var id = e.markerId;
  16. var that = this;
  17. that.showMarkerInfo(markersData,id);
  18. that.changeMarkerColor(markersData,id);
  19. },
  20. /**
  21. * 生命周期函数--监听页面加载
  22. */
  23. onLoad: function (options) {
  24. var that = this;
  25. var myAmapFun = new amapFile.AMapWX({key:'5cda803ced21ce60904b4ee41dc57840'});
  26. myAmapFun.getPoiAround({
  27. iconPathSelected: '../../img/bigstart.png',
  28. iconPath: '../../img/bigtu.png',
  29. success: function(data){
  30. markersData = data.markers;
  31. that.setData({
  32. markers: markersData
  33. });
  34. that.setData({
  35. latitude: markersData[0].latitude
  36. });
  37. that.setData({
  38. longitude: markersData[0].longitude
  39. });
  40. that.showMarkerInfo(markersData,0);
  41. },
  42. fail: function(info){
  43. wx.showModal({title:info.errMsg})
  44. }
  45. })
  46. },
  47. showMarkerInfo: function(data,i){
  48. var that = this;
  49. that.setData({
  50. textData: {
  51. name: data[i].name,
  52. desc: data[i].address
  53. }
  54. });
  55. },
  56. changeMarkerColor: function(data,i){
  57. var that = this;
  58. var markers = [];
  59. for(var j = 0; j < data.length; j++){
  60. if(j==i){
  61. data[j].iconPath = "../../img/bigtu.png";
  62. }else{
  63. data[j].iconPath = "../../img/car.png";
  64. }
  65. markers.push(data[j]);
  66. }
  67. that.setData({
  68. markers: markers
  69. });
  70. },
  71. /**
  72. * 生命周期函数--监听页面初次渲染完成
  73. */
  74. onReady: function () {
  75. },
  76. /**
  77. * 生命周期函数--监听页面显示
  78. */
  79. onShow: function () {
  80. },
  81. /**
  82. * 生命周期函数--监听页面隐藏
  83. */
  84. onHide: function () {
  85. },
  86. /**
  87. * 生命周期函数--监听页面卸载
  88. */
  89. onUnload: function () {
  90. },
  91. /**
  92. * 页面相关事件处理函数--监听用户下拉动作
  93. */
  94. onPullDownRefresh: function () {
  95. },
  96. /**
  97. * 页面上拉触底事件的处理函数
  98. */
  99. onReachBottom: function () {
  100. },
  101. /**
  102. * 用户点击右上角分享
  103. */
  104. onShareAppMessage: function () {
  105. }
  106. })