smsbatch

@@ -9,24 +9,18 @@ Page({
    * 页面的初始数据
    * 页面的初始数据
    */
    */
   data: {
   data: {
-      map:{
-          latitude: 23.099994,
-          longitude: 113.324520,
-          scale:18,
-          height:300,
-      },
-      markers: [{
-          iconPath: "http://qn.colorcun.com/custom/lite-yd/image/ding.d.png",
-          id: 0,
-          latitude: 23.099994,
-          longitude: 113.324520,
-          width: 50,
-          height: 50
-      }],
-      //polygons:{},
+    map: {
+      latitude: 23.099994,
+      longitude: 113.324520,
+      scale: 18,
+      height: 300,
+    },
+    markers: [],
+    //polygons:{},
   },
   },
   //qqmapsdk:null,
   //qqmapsdk:null,
-    sellers:[],
+  sellers: [],
+  sellersIds:[],
   /**
   /**
    * 生命周期函数--监听页面加载
    * 生命周期函数--监听页面加载
    */
    */
@@ -39,15 +33,31 @@ Page({
   /**
   /**
    * 生命周期函数--监听页面初次渲染完成
    * 生命周期函数--监听页面初次渲染完成
    */
    */
+  mapCtx: null,
+  mapData:{
+    latitude: 23.099994,
+    longitude: 113.324520,
+    scale: 18,
+    hasRegionchange:false,
+  },
   onReady: function () {
   onReady: function () {
-
+    this.mapCtx = wx.createMapContext('map')
+    this.mapCtx.moveToLocation({
+      success:(res)=>{
+        console.log('moveToLocation',res)
+      }
+    })
   },
   },
 
 
   /**
   /**
    * 生命周期函数--监听页面显示
    * 生命周期函数--监听页面显示
    */
    */
   onShow: function () {
   onShow: function () {
-      this.getPos();
+    //this.getPos();
+    this.setData({
+      [`map.height`]: getApp().system.windowHeight,
+    })
+    //this.getMarkers();
   },
   },
 
 
   /**
   /**
@@ -84,172 +94,202 @@ Page({
   onShareAppMessage: function () {
   onShareAppMessage: function () {
 
 
   },
   },
+  /*
   getPos(){
   getPos(){
-    this._getPos().then(res=>{
-        console.log('wx.getLocation.then',res);
-        let map=this.data.map;
-        map.latitude=res.latitude;
-        map.longitude=res.longitude;
-        map.height=getApp().system.windowHeight
-        this.setData({
-            map:map,
-        })
-        this.getMarkers();
-        //this.getMapPos();
-    }).catch((e)=>{
-        console.log('wx.getLocation.catch',e);
-        if('getLocation:fail auth deny'==e.errMsg){
-            this.selectComponent('#showModal').options({
-                header:'定位失败',
-                body:'需要地理位置授权'
-            }).show();
-        }else{
-            setTimeout(()=>{
-                this.getPos()
-            },500)
-        }
+    this._getPos().then(res => {
+      console.log('wx.getLocation.then', res);
+      let map = this.data.map;
+      map.latitude = res.latitude;
+      map.longitude = res.longitude;
+      map.height = getApp().system.windowHeight
+      this.setData({
+        map: map,
+      })
+      this.getMarkers();
+      //this.getMapPos();
+    }).catch((e) => {
+      console.log('wx.getLocation.catch', e);
+      if ('getLocation:fail auth deny' == e.errMsg) {
+        this.selectComponent('#showModal').options({
+          header: '定位失败',
+          body: '需要地理位置授权'
+        }).show();
+      } else {
+        setTimeout(() => {
+          this.getPos()
+        }, 500)
+      }
 
 
     })
     })
   },
   },
-    _getPos(){
-      return new Promise((success,fail)=>{
-          wx.getLocation({
-              type:'gcj02',
-              success:(res)=>{
-                  success(res)
-              },
-              fail:(res)=>{
-                  fail(res)
-              },
-              complete:(res)=>{
-                  console.log('wx.getLocation',res)
-              }
-          });
-      })
-    },
-    showModal(e){
-        wx.openSetting()
-    },
-    regionchange(e){
-        console.log('regionchange',e)
-    },
-    mapUpdated(e){
-        console.log('mapUpdated',e)
-    },
-    markertap(e){
-        console.log(e)
-        let seller={
-            id:e.markerId
-        };
-        this.sellers.forEach(se=>{
-            if(se.id==seller.id){
-                seller=se;
-                return false;
-            }
+  _getPos(){
+    return new Promise((success, fail) => {
+      wx.getLocation({
+        type: 'gcj02',
+        success: (res) => {
+          success('getLocation',res)
+        },
+        fail: (res) => {
+          fail(res)
+        },
+        complete: (res) => {
+          console.log('wx.getLocation', res)
+        }
+      });
+    })
+  },
+  */
+  showModal(e){
+    wx.openSetting()
+  },
+  regionchange(e){
+    console.log('regionchange', e)
+    this.mapCtx.getCenterLocation({
+      success:(res)=>{
+        console.log('getCenterLocation',res)
+        if(res.latitude!=this.mapData.latitude
+          || res.longitude!=this.mapData.longitude){
+          this.mapData.hasRegionchange=true;
+          this.mapData.latitude=res.latitude;
+          this.mapData.longitude=res.longitude;
+          this.getMarkers();
+        }
+      },
+    });
+  },
+  mapUpdated(e){
+    console.log('mapUpdated', e)
+    this.mapCtx.getCenterLocation({
+      success:(res)=>{
+        console.log('getCenterLocation',res)
+        if(res.latitude!=this.mapData.latitude
+          || res.longitude!=this.mapData.longitude){
+          this.mapData.hasRegionchange=true;
+          this.mapData.latitude=res.latitude;
+          this.mapData.longitude=res.longitude;
+          this.getMarkers();
+        }
+      },
+    });
+  },
+  markertap(e){
+    console.log(e)
+    let seller = {
+      id: e.markerId
+    };
+    this.sellers.forEach(se => {
+      if (se.id == seller.id) {
+        seller = se;
+        return false;
+      }
+    })
+    this.selectComponent('#seller-box').show(seller);
+    wx.hideTabBar();
+  },
+  getMarkers(){
+    let map = this.mapData;
+    let markers = [];
+    App.Reserve.SellerList({
+      lat: map.latitude,
+      lng: map.longitude,
+      offset: 0,
+      rows: 100,
+      distance: 100,
+    }).then(res => {
+      if (res.ret == 200) {
+        let sellersIds=[];
+        res.data.forEach(seller=>{
+          sellersIds.push(seller.id);
         })
         })
-        this.selectComponent('#seller-box').show(seller);
-        wx.hideTabBar();
-    },
-    getMarkers(){
-        let map=this.data.map;
-        let markers=[];
-        App.Reserve.SellerList({
-            lat:map.latitude,
-            lng:map.longitude,
-            offset:0,
-            rows:10000,
-            distance:100000,
-        }).then(res=>{
-            if(res.ret==200){
-                this.sellers=res.data;
-                res.data.forEach(seller=>{
-                    let namelength=seller.sellername.replace(/[^\x00-\xff]/g,"01").length+8;
-                    markers.push({
-                        id: seller.id,
-                        iconPath: "http://qn.colorcun.com/custom/lite-yd/image/ding.png",
-                        latitude: seller.lat,
-                        longitude: seller.long,
-                        width: 24,
-                        height: 30,
-                        //title:seller.seller_name,
-                        label:{
-                            content:'    '+seller.sellername+'    ',
-                            color:'#353535',
-                            fontSize:13,
-                            anchorX:-(namelength/2*5),
-                            anchorY:1,
-                            borderWidth:1,
-                            borderColor:'#B4B0B0',
-                            borderRadius:20,
-                            bgColor:'#fff',
-                            padding:5,
-                            textAlign:'center',
-                        }
-                    })
-                })
-            }else{
-                markers.push({
-                    id: 1,
-                    iconPath: "http://qn.colorcun.com/custom/lite-yd/image/ding.png",
-                    latitude: parseFloat(map.latitude) + 1/1000,
-                    longitude: parseFloat(map.longitude) +1/1000 ,
-                    width: 24,
-                    height: 30,
-                    //title:'演示店铺',
-                    label:{
-                        content:'    演示店铺    ',
-                        color:'#353535',
-                        fontSize:13,
-                        anchorX:-50,
-                        anchorY:1,
-                        borderWidth:1,
-                        borderColor:'#B4B0B0',
-                        borderRadius:20,
-                        bgColor:'#fff',
-                        padding:3,
-                        textAlign:'center'
-                    },
-                })
+        if(sellersIds.toString()==this.sellersIds.toString()) {
+          return;
+        }
+        this.sellersIds=sellersIds;
+        this.sellers = res.data;
+        res.data.forEach(seller => {
+          let namelength = seller.sellername.replace(/[^\x00-\xff]/g, "01").length + 8;
+          markers.push({
+            id: seller.id,
+            iconPath: "http://qn.colorcun.com/custom/lite-yd/image/ding.png",
+            latitude: seller.lat,
+            longitude: seller.long,
+            width: 24,
+            height: 30,
+            //title:seller.seller_name,
+            label: {
+              content: '    ' + seller.sellername + '    ',
+              color: '#353535',
+              fontSize: 13,
+              anchorX: -(namelength / 2 * 5),
+              anchorY: 1,
+              borderWidth: 1,
+              borderColor: '#B4B0B0',
+              borderRadius: 20,
+              bgColor: '#fff',
+              padding: 5,
+              textAlign: 'center',
             }
             }
-            this.setData({
-                markers:markers,
-            })
+          })
         })
         })
-
-    },
-    //seller box 通知
-    sellerBoxEvent(e){
-        wx.showTabBar();
-    },
-    //根据中心点计算坐标范围
-    getMapPos(){
-        let map=this.data.map;
-        let latitude=parseFloat(map.latitude);
-        let longitude=parseFloat(map.longitude);
-        let w2=getApp().system.windowWidth/2
-        let h2=getApp().system.windowHeight/2
-        let ys=w2*map.scale/1000000;
-        let xs=h2*map.scale/1000000;
-        let polygons=[
-            {
-            points:[
-                {latitude: latitude-xs, longitude: longitude+ys},
-
-
-                {latitude: latitude+xs, longitude: longitude+ys},
-                {latitude: latitude-xs, longitude: longitude-ys},
-
-                {latitude: latitude+xs, longitude: longitude-ys},
-
-            ],
-            strokeWidth:5,
-            strokeColor:'#00000055',
-            fillColor:'#00000088'
-            }
-        ];
-        this.setData({
-            polygons:polygons,
+      } else {
+        markers.push({
+          id: 1,
+          iconPath: "http://qn.colorcun.com/custom/lite-yd/image/ding.png",
+          latitude: parseFloat(map.latitude) + 1 / 1000,
+          longitude: parseFloat(map.longitude) + 1 / 1000,
+          width: 24,
+          height: 30,
+          //title:'演示店铺',
+          label: {
+            content: '    演示店铺    ',
+            color: '#353535',
+            fontSize: 13,
+            anchorX: -50,
+            anchorY: 1,
+            borderWidth: 1,
+            borderColor: '#B4B0B0',
+            borderRadius: 20,
+            bgColor: '#fff',
+            padding: 3,
+            textAlign: 'center'
+          },
         })
         })
-        this.getMarkers()
-    },
+      }
+      this.setData({
+        markers: markers,
+      })
+    })
+
+  },
+  //seller box 通知
+  sellerBoxEvent(e){
+    wx.showTabBar();
+  },
+  //根据中心点计算坐标范围
+  getMapPos(){
+    let map = this.data.map;
+    let latitude = parseFloat(map.latitude);
+    let longitude = parseFloat(map.longitude);
+    let w2 = getApp().system.windowWidth / 2
+    let h2 = getApp().system.windowHeight / 2
+    let ys = w2 * map.scale / 1000000;
+    let xs = h2 * map.scale / 1000000;
+    let polygons = [
+      {
+        points: [
+          {latitude: latitude - xs, longitude: longitude + ys},
+          {latitude: latitude + xs, longitude: longitude + ys},
+          {latitude: latitude - xs, longitude: longitude - ys},
+          {latitude: latitude + xs, longitude: longitude - ys},
+        ],
+        strokeWidth: 5,
+        strokeColor: '#00000055',
+        fillColor: '#00000088'
+      }
+    ];
+    this.setData({
+      polygons: polygons,
+    })
+    this.getMarkers()
+  },
 })
 })

 <!--pages/reservr/index.wxml-->
 <!--pages/reservr/index.wxml-->
 <view class="page">
 <view class="page">
     <view class="flex-vc map">
     <view class="flex-vc map">
-        <map id="map" longitude="{{map.longitude}}" latitude="{{map.latitude}}" scale="{{map.scale}}"
+        <map id="map" scale="{{map.scale}}"
              markers="{{markers}}" polygons="{{polygons}}"
              markers="{{markers}}" polygons="{{polygons}}"
              bindmarkertap="markertap"
              bindmarkertap="markertap"
              bindregionchange="regionchange"
              bindregionchange="regionchange"

@@ -30,7 +30,7 @@
 			"list": []
 			"list": []
 		},
 		},
 		"miniprogram": {
 		"miniprogram": {
-			"current": 31,
+			"current": 32,
 			"list": [
 			"list": [
 				{
 				{
 					"id": 0,
 					"id": 0,
@@ -267,6 +267,13 @@
 					"pathName": "pages/book/smsbatch/index",
 					"pathName": "pages/book/smsbatch/index",
 					"query": "seller_id=80",
 					"query": "seller_id=80",
 					"scene": "1011"
 					"scene": "1011"
+				},
+				{
+					"id": -1,
+					"name": "pages/reserve/index",
+					"pathName": "pages/reserve/index",
+					"query": "",
+					"scene": "1001"
 				}
 				}
 			]
 			]
 		}
 		}