+地图画线 不能再真机使用，把数据丢到computed中去

liuyg

2022-02-23 e241909ac2c6e5e4d415c614049fbcb2ff0c4271

 pages/grabOrders/map.vue

@@ -3,9 +3,10 @@
      <u-top-tips ref="uTips"></u-top-tips>
      <!-- <u-button type="info" @click="acc">测试</u-button> -->
      <!-- <web-view :src="urls" @message="message"></web-view> -->
      <map :scale='18' id="myMap" style="width: 100%;" :style="{height: mapHeight + 'px'}" :markers="markers"
         :longitude="longitude" :latitude="latitude" :circles="circles" :polyline="polylines"></map>
      <view id="Umain">
      <map :scale='18' id="myMap" style="width: 100%;z-index: 10000;" :style="{height: mapHeight + 'px'}"
         :markers="markersCom" :longitude="longitude" :latitude="latitude" :circles="circlesCom"
         :polyline="mypolylinesCom"></map>
      <cover-view id="Umain">
         <view class="once-b">
            任务详情
         </view>
@@ -85,7 +86,6 @@
               {{ourData.num==ourData.jnum?"人数已满":'我参与'}}
            </u-button>
         </view>
      </view>
      <u-popup v-model="showIn" mode="center" border-radius="14" z-index='1000001'>
         <view class="Info2">
            <view class="Info4">是否参加活动</view>
@@ -95,6 +95,7 @@
            </view>
         </view>
      </u-popup>
      </cover-view>
   </view>
</template>

@@ -113,21 +114,7 @@
            longitude: 115.8995839881188,
            circles: [], //圆
            markers: [], //标记点
            polylines: [{ //指定一系列坐标点，从数组第一项连线至最后一项
               points: [{
                     latitude: 40.013305,
                     longitude: 118.685713
                  },
                  {
                     latitude: 40.013,
                     longitude: 118.685
                  },
               ],
               color: "#FE0000", //线的颜色
               width: 4, //线的宽度
               dottedLine: false, //是否虚线
               arrowLine: false, //带箭头的线 开发者工具暂不支持该属性
            }],
            mypolylines: [],
            useTime: null,
            useTimeSet: null,
            times: 3000,
@@ -228,7 +215,7 @@
                        '&other="11111"'
                  });
               } else if (that.ourData.butCT == "begin") {
                  that.bye = true;//点击开始 这个页面就不用了
                  that.bye = true; //点击开始 这个页面就不用了
                  // 开始任务
                  // that.setUniAppMsg("hBackMsg", {
                  //    type: "start",
@@ -433,7 +420,16 @@
            } else {
               return this.$store.state.isOnTaskValue;
            }
         }
         },
         circlesCom(){
            return this.circles.slice(0);
         },
         markersCom(){
            return this.markers.slice(0);
         },
         mypolylinesCom(){
            return this.mypolylines.slice(0);
         },
      },
      watch: {
         isOnTaskValue: {
@@ -453,7 +449,7 @@
      mounted() {},
      onReady() {
         let that = this;
         this.map = uni.createMapContext("myMap", this);

         // window['hBackMsg'] = (val) => {
         //    // console.log(val)
         //    let d = {
@@ -489,6 +485,7 @@
         this.bye = true;
      },
      onLoad: function(options) {
         this.map = uni.createMapContext("myMap", this);
         var datas = {},
            data = {},
            that = this;
@@ -697,15 +694,32 @@
         //画线
         console.log(data)
         let line = data.line.split("(")[1].split(")")[0].split(",");
         console.log(line[0].split(" ")[1])
         console.log(line[0].split(" ")[0])
         this.latitude = line[0].split(" ")[1];
         this.longitude = line[0].split(" ")[0];
         this.map.moveToLocation({
            // latitude: line[0].split(" ")[1],
            // longitude: line[0].split(" ")[0]
            latitude: 40.013305,
            longitude: 118.685713
         });
         let ourline = [];
         for (let k in line) {
            let ins = line[k].split(" ");
            ourline.push({
               latitude: ins[1],
               longitude: ins[0]
               latitude: +ins[1],
               longitude: +ins[0]
            })
         }
         this.polylines[0].points = ourline;
         this.mypolylines[0] = { //指定一系列坐标点，从数组第一项连线至最后一项
            points: ourline,
            color: "#FE0000", //线的颜色
            width: 4, //线的宽度
            dottedLine: false, //是否虚线
            arrowLine: false, //带箭头的线 开发者工具暂不支持该属性
         }
         console.log(this.mypolylines)
         // this.getLocationInfo(data);
         if (data.butCT == "beginUp" && data.buttype == 0) {
            this.bye = false;