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

liuyg

2022-02-23 e241909ac2c6e5e4d415c614049fbcb2ff0c4271

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

 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;