{"version":3,"sources":["webpack:///./src/api/schoolmanage/teacharea.js","webpack:///./src/api/schoolmanage/location.js","webpack:///./src/views/monitor/test/index.vue?4af4","webpack:///./src/views/monitor/test/index.vue?4f9e","webpack:///src/views/monitor/test/index.vue","webpack:///./src/views/monitor/test/index.vue?71d7","webpack:///./src/views/monitor/test/index.vue"],"names":["BASE_URL","list","data","request","url","method","info","id","params","save","getAddress","lat","lng","submit","pass","back","cancelReview","delete","getMaxSort","pid","record","unRecord","checkReview","getLastLocation","render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","staticStyle","attrs","on","up","reset","class","playTextStatus","play","down","directives","name","rawName","value","expression","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","speadCode","multiple","change","domProps","endS","handleMousedown","handleMouseup","changeRange","currentDistance","isShow","changeBox","changePolygon","model","callback","$$v","polygonIsShow","_v","staticRenderFns","component"],"mappings":"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","file":"js/chunk-3979ea94.65639f8e.js","sourcesContent":["import request from '@/utils/request'\r\nconst BASE_URL = '/TeachArea'\r\n\r\nexport default {\r\n    list(data) {\r\n        return request({\r\n            url: BASE_URL + '/List',\r\n            method: 'post',\r\n            data\r\n        })\r\n    },\r\n    info(id) {\r\n        return request({\r\n            url: BASE_URL + '/Info',\r\n            method: 'get',\r\n            params: { id }\r\n        })\r\n    },\r\n    save(data) {\r\n        return request({\r\n            url: BASE_URL + '/Save',\r\n            method: 'post',\r\n            data\r\n        })\r\n    },\r\n    getAddress(lat, lng) {\r\n        return request({\r\n            url: BASE_URL + '/GetAddress?lat=' + lat + \"&lng=\" + lng,\r\n            method: 'post',\r\n            // data: { lat, lng }\r\n        })\r\n    },\r\n    submit(data) {\r\n        return request({\r\n            url: BASE_URL + '/Submit',\r\n            method: 'post',\r\n            data\r\n        })\r\n    },\r\n    pass(data) {\r\n        return request({\r\n            url: BASE_URL + '/pass',\r\n            method: 'post',\r\n            data\r\n        })\r\n    },\r\n    back(data) {\r\n        return request({\r\n            url: BASE_URL + '/Back',\r\n            method: 'post',\r\n            data\r\n        })\r\n    },\r\n    cancelReview(data) {\r\n        return request({\r\n            url: BASE_URL + '/CancelReview',\r\n            method: 'post',\r\n            data\r\n        })\r\n    },\r\n    delete(data) {\r\n        return request({\r\n            url: BASE_URL + '/Delete',\r\n            method: 'post',\r\n            data\r\n        })\r\n    },\r\n    getMaxSort(pid) {\r\n        return request({\r\n            url: BASE_URL + '/GetMaxSort',\r\n            method: 'get',\r\n            params: { pid }\r\n        })\r\n    },\r\n    record(data) {\r\n        return request({\r\n            url: BASE_URL + '/Record',\r\n            method: 'post',\r\n            data\r\n        })\r\n    },\r\n    unRecord(data) {\r\n        return request({\r\n            url: BASE_URL + '/UnRecord',\r\n            method: 'post',\r\n            data\r\n        })\r\n    },\r\n    checkReview(data) {\r\n        return request({\r\n            url: BASE_URL + '/CheckReview',\r\n            method: 'post',\r\n            data\r\n        })\r\n    },\r\n}","import request from '@/utils/request'\r\nconst BASE_URL = '/LocationInfo'\r\n\r\nexport default {\r\n    list(data) {\r\n        return request({\r\n            url: BASE_URL + '/List',\r\n            method: 'post',\r\n            data\r\n        })\r\n    },\r\n    info(id) {\r\n        return request({\r\n            url: BASE_URL + '/Info',\r\n            method: 'get',\r\n            params: { id }\r\n        })\r\n    },\r\n    getLastLocation(params) {\r\n        return request({\r\n            url: BASE_URL + '/GetLastLocationInfo',\r\n            method: 'get',\r\n            params\r\n        })\r\n    },\r\n    save(data) {\r\n        return request({\r\n            url: BASE_URL + '/Save',\r\n            method: 'post',\r\n            data\r\n        })\r\n    },\r\n    delete(data) {\r\n        return request({\r\n            url: BASE_URL + '/Delete',\r\n            method: 'post',\r\n            data\r\n        })\r\n    },\r\n    getMaxSort(pid) {\r\n        return request({\r\n            url: BASE_URL + '/GetMaxSort',\r\n            method: 'get',\r\n            params: { pid }\r\n        })\r\n    },\r\n}","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=508194a1&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"box\"},[_c('div',{ref:\"spv\",staticStyle:{\"width\":\"100%\"},attrs:{\"id\":\"container\"}}),_c('div',{staticClass:\"tool\"},[_c('div',{staticClass:\"control\"},[_c('div',{staticClass:\"el-icon-d-arrow-left\",on:{\"click\":_vm.up}}),_c('div',{staticClass:\"el-icon-refresh-left\",on:{\"click\":_vm.reset}}),_c('div',{class:_vm.playTextStatus ? 'el-icon-video-play' : 'el-icon-video-pause',on:{\"click\":_vm.play}}),_c('div',{staticClass:\"el-icon-d-arrow-right\",on:{\"click\":_vm.down}}),_c('div',[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.speadCode),expression:\"speadCode\"}],attrs:{\"name\":\"\",\"id\":\"\"},on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.speadCode=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.change]}},[_c('option',{attrs:{\"label\":\"x1\"},domProps:{\"value\":1}}),_c('option',{attrs:{\"label\":\"x5\"},domProps:{\"value\":5}}),_c('option',{attrs:{\"label\":\"x10\"},domProps:{\"value\":10}}),_c('option',{attrs:{\"label\":\"x30\"},domProps:{\"value\":30}}),_c('option',{attrs:{\"label\":\"x50\"},domProps:{\"value\":50}})])])]),_c('div',{staticClass:\"range_box\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentDistance),expression:\"currentDistance\"}],staticClass:\"range\",attrs:{\"type\":\"range\",\"min\":0,\"step\":\"1\",\"max\":_vm.endS},domProps:{\"value\":(_vm.currentDistance)},on:{\"mousedown\":_vm.handleMousedown,\"mouseup\":_vm.handleMouseup,\"change\":_vm.changeRange,\"__r\":function($event){_vm.currentDistance=$event.target.value}}})])]),_c('div',{staticClass:\"btn_box\",class:{'right': _vm.isShow, 'right_none': !_vm.isShow}},[_c('div',{staticClass:\"btn\",class:{'el-icon-s-unfold': _vm.isShow, 'el-icon-s-fold': !_vm.isShow},on:{\"click\":_vm.changeBox}})]),_c('div',{staticClass:\"aside\",class:{'none': !_vm.isShow}},[_c('div',{staticClass:\"box\"},[_c('el-checkbox',{on:{\"change\":_vm.changePolygon},model:{value:(_vm.polygonIsShow),callback:function ($$v) {_vm.polygonIsShow=$$v},expression:\"polygonIsShow\"}},[_vm._v(\"显示围栏\")])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n     \r\n     <div class=\"box\">\r\n         <div id=\"container\" ref=\"spv\" style=\"width:100%\"></div>\r\n         <div class=\"tool\">\r\n             <div class=\"control\">\r\n                <div @click=\"up\" class=\"el-icon-d-arrow-left\"></div>\r\n                <div @click=\"reset\" class=\"el-icon-refresh-left\"></div>\r\n                <div @click=\"play\" :class=\"playTextStatus ? 'el-icon-video-play' : 'el-icon-video-pause' \"></div>\r\n                <div @click=\"down\" class=\"el-icon-d-arrow-right\"></div>\r\n                <div >\r\n                    <select name=\"\" id=\"\" v-model=\"speadCode\" @change=\"change\">\r\n                        <option label=\"x1\"  :value=\"1\"></option>\r\n                        <option label=\"x5\" :value=\"5\"></option>\r\n                        <option label=\"x10\" :value=\"10\"></option>\r\n                        <option label=\"x30\" :value=\"30\"></option>\r\n                        <option label=\"x50\" :value=\"50\"></option>\r\n                    </select>\r\n                </div>\r\n             </div>\r\n              <div class=\"range_box\">\r\n                <input class=\"range\" @mousedown=\"handleMousedown\" @mouseup=\"handleMouseup\" type=\"range\" :min=\"0\" step=\"1\" :max=\"endS\" v-model=\"currentDistance\" @change=\"changeRange\">\r\n              </div>\r\n         </div>\r\n        <div class=\"btn_box\" :class=\"{'right': isShow, 'right_none': !isShow}\">\r\n            <div @click=\"changeBox\" class=\"btn \" :class=\"{'el-icon-s-unfold': isShow, 'el-icon-s-fold': !isShow}\"></div>\r\n        </div>\r\n         <div class=\"aside\" :class=\"{'none': !isShow}\">\r\n            <div class=\"box\">\r\n                <el-checkbox @change=\"changePolygon\" v-model=\"polygonIsShow\">显示围栏</el-checkbox>\r\n            </div>\r\n         </div>\r\n     </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data(){\r\n        return {\r\n            api: require('@/api/schoolmanage/location').default,\r\n            teachApi: require('@/api/schoolmanage/teacharea').default,\r\n            isShow: true, // 侧边栏显示与否\r\n            polygonIsShow: false, // 侧边栏显示与否\r\n            pathSimplifierIns: null,\r\n            playTextStatus: true,\r\n            navg: null,\r\n            currentIndex: 0,\r\n            nextTail: 0,\r\n            currentDistance: 0,\r\n            pathLength: 0,\r\n            spead: 30, // 默认速度\r\n            speadCode: 1,\r\n            endS: 0,\r\n            tempStatus: '',\r\n            src: 'data:image/png;base64,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',\r\n            paths: [],\r\n            map: null,\r\n            polygon: [],\r\n        }\r\n    },\r\n    computed: {\r\n   \r\n        step(){\r\n            \r\n            return Math.ceil(this.pathLength / 10);\r\n        }\r\n    },\r\n\r\n    methods: {\r\n        getLatlng(){\r\n            this.api.list({\r\n                CarId: 11,\r\n                EndTime: \"2022-05-10 23:59:59\",\r\n                StartTime: \"2022-05-10 00:00:00\"\r\n            }).then(res => {\r\n                this.paths = res.Data.map(v => {\r\n                    return [v.Lng,v.Lat]\r\n                })\r\n\r\n                this.car_PathSimplifier();\r\n                this.car_SimpleMarker();\r\n\r\n            })\r\n        },\r\n        changeBox(){ // 隐藏显示侧边栏\r\n            this.isShow = !this.isShow;\r\n        },\r\n        change(e){\r\n            this.navg.setSpeed(this.spead * Number(this.speadCode))\r\n        },\r\n        changePolygon(e){\r\n            // var aids = [];\r\n            if(!this.polygonIsShow){\r\n\r\n                this.polygon.forEach(v => {\r\n                    v.polygon.hide()\r\n                    v.polygon.destroy()\r\n                    v.text.hide()\r\n                    v.text.destroy()\r\n                })\r\n\r\n                return\r\n\r\n            }\r\n            this.teachApi.list({ Status: 3 }).then(res => {\r\n                if(res.Code==0) {\r\n                    let teachAreaIds = res.Data.map(v => {\r\n\r\n                        return v.TeachAreaId\r\n                        // aids.push(e.TeachAreaId)\r\n                    })\r\n                    // this.aids = aids;\r\n                    this.polygon = [];\r\n                    teachAreaIds.forEach(aid => {\r\n                        this.teachApi.info(aid).then(res2 => {\r\n                        if(res2.Code==0) {\r\n\r\n                            let paths = res2.Data.Points.map(v => {\r\n                                return [v.Lng, v.Lat]\r\n                            })\r\n\r\n\r\n                            let polygon = new AMap.Polygon({\r\n                                map: this.map,\r\n                                path: paths,\r\n                                strokeColor: res2.Data.Color || 'rgba(55,119,255)', //线颜色\r\n                                strokeOpacity: 1, //线透明度\r\n                                strokeWeight: 3,    //线宽\r\n                                fillColor: res2.Data.Color || 'rgba(55,119,255)', //填充色\r\n                                fillOpacity: 0.3, //填充透明度\r\n                            })\r\n                            let text = new AMap.Text({\r\n                                position: this.calculateCenter(paths),\r\n                                anchor: 'bottom-center',\r\n                                text: res2.Data.AreaName,\r\n                                style: {\r\n                                    'background-color': 'transparent',\r\n                                    'color': res2.Data.Color || 'rgba(55,119,255)', \r\n                                    'border': 'none', \r\n                                    'font-size': '22px',\r\n                                },\r\n                            });\r\n                            this.map.add(text);\r\n                            this.polygon.push({\r\n                                polygon,\r\n                                text\r\n                            })\r\n\r\n                            \r\n                        }\r\n                        })\r\n                    })\r\n                }\r\n            })\r\n        },\r\n        //计算区域中心点\r\n        calculateCenter(lnglatarr) {\r\n\r\n            let lngs = lnglatarr.map(v => {\r\n                return v[0];\r\n            })\r\n\r\n            let Lats = lnglatarr.map(v => {\r\n                return v[1];\r\n            })\r\n\r\n\r\n            let lngsPath = lngs.sort((a, b) => a - b);\r\n            let LatsPath = Lats.sort((a, b) => a - b);\r\n\r\n            let minLng = lngsPath[0];\r\n            let maxLng = lngsPath[lngsPath.length - 1];\r\n            \r\n            let minLat = LatsPath[0];\r\n            let maxLat = LatsPath[lngsPath.length - 1];\r\n\r\n            let lngCenter = (minLng + maxLng) / 2;\r\n            let latCenter = (minLat + maxLat) / 2;\r\n\r\n            return new AMap.LngLat(lngCenter, latCenter);\r\n        },\r\n\r\n        changeRange(){\r\n            \r\n          \r\n           \r\n            if(this.navg.getNaviStatus() === 'pause' || this.navg.getNaviStatus() === 'stop'){\r\n                this.navg.start();\r\n                this.navg.moveByDistance(Number(this.currentDistance));\r\n                this.navg.resume();\r\n                this.navg.pause();\r\n            }else{\r\n                this.navg.start();\r\n                this.navg.moveByDistance(Number(this.currentDistance));\r\n            }\r\n        },\r\n        handleMousedown(){\r\n            this.tempStatus = this.navg.getNaviStatus();\r\n            this.navg.pause();\r\n            this.playTextStatus = true;\r\n        },\r\n        handleMouseup(){\r\n             if(this.tempStatus === 'moving' ){\r\n                this.navg.resume();\r\n                this.playTextStatus = false;\r\n             }\r\n             \r\n        },\r\n        reset(){\r\n            this.navg.start();\r\n            this.playTextStatus = false;\r\n           \r\n        },\r\n        play(){\r\n\r\n            if(this.playTextStatus){\r\n                this.navg.resume();\r\n            }else{\r\n                this.navg.pause();\r\n\r\n                let {idx, tail} = this.navg.getCursor();\r\n                this.currentIndex = idx;\r\n                this.nextTail = tail;\r\n            }\r\n\r\n           \r\n           this.playTextStatus = !this.playTextStatus;\r\n\r\n\r\n        },\r\n        down(){\r\n            \r\n            this.navg.moveToPoint(this.currentIndex + this.step, 0);\r\n            if(this.navg.getNaviStatus() === 'pause' || this.navg.getNaviStatus() === 'stop'){\r\n                 this.navg.resume();\r\n                 this.navg.pause();\r\n            }\r\n          \r\n         \r\n        //   this.navg.moveByDistance(this.nextTail);     \r\n        },\r\n        up(){\r\n    \r\n            if(this.navg.getNaviStatus() === 'pause' || this.navg.getNaviStatus() === 'stop'){\r\n\r\n                if(this.currentIndex - this.step < 0){\r\n                    this.navg.start();\r\n                    this.currentDistance = 0;\r\n                    this.navg.pause();\r\n                }else{\r\n                    let _index = this.currentIndex;\r\n                    this.navg.moveToPoint(this.currentIndex - this.step, 0);\r\n                    let _temp = this.navg.getMovedDistance();\r\n                    this.navg.start();\r\n                    this.currentDistance = _temp;\r\n                    this.navg.moveToPoint(_index - this.step, 0);\r\n                    this.navg.resume();\r\n                    this.navg.pause();\r\n                }\r\n               \r\n            }else{\r\n\r\n                if(this.currentIndex - this.step < 0){\r\n                    this.navg.start();\r\n                    this.currentDistance = 0;\r\n\r\n                }else{\r\n                    let _index = this.currentIndex;\r\n                    this.navg.moveToPoint(this.currentIndex - this.step, 0);\r\n                    let _temp = this.navg.getMovedDistance();\r\n                    this.navg.start();\r\n                    this.currentDistance = _temp;\r\n                    this.navg.moveToPoint(_index - this.step, 0);\r\n                }\r\n\r\n                \r\n            }\r\n        },\r\n        // 创造围栏\r\n        createPolygon(ops, textOps = null, status = false){\r\n            \r\n            var polygon = new AMap.Polygon(ops);\r\n\r\n            var text = null\r\n            if(textOps){\r\n                text = new AMap.Text(textOps);\r\n                this.map.add(text);\r\n            }\r\n\r\n            if(!status){\r\n                polygon.hide();\r\n                text.hide();\r\n            }\r\n\r\n            return {\r\n                polygon, text\r\n            }\r\n        },\r\n        onload() {\r\n            this.pathSimplifierIns.renderLater();\r\n        },\r\n        onerror(e) {\r\n            alert('图片加载失败！');\r\n        },\r\n        car_PathSimplifier(){ // PathSimplifier 模块\r\n         \r\n\r\n            let self = this;\r\n\r\n            AMapUI.load(['ui/misc/PathSimplifier', 'lib/$'], function(PathSimplifier, $) {\r\n                \r\n                if (!PathSimplifier.supportCanvas) {\r\n                    alert('当前环境不支持 Canvas！');\r\n                    return;\r\n                }\r\n                \r\n                \r\n                self.pathSimplifierIns = new PathSimplifier({\r\n                    zIndex: 100,\r\n                    //autoSetFitView:false,\r\n                    map: self.map, //所属的地图实例\r\n\r\n                    getPath: function(pathData, pathIndex) {\r\n                        return pathData.path;\r\n                    },\r\n                    getHoverTitle: function(pathData, pathIndex, pointIndex) {\r\n\r\n                        return null;\r\n                    },\r\n                    renderOptions: {\r\n\r\n                        pathLineStyle: {\r\n                            lineWidth: 4,\r\n                            strokeStyle: \"skyblue\",\r\n                            borderWidth: 1,\r\n                            borderStyle: \"#ffffff\",\r\n                            dirArrowStyle: false\r\n                        },\r\n                        pathLineHoverStyle: {\r\n                            lineWidth: 4,\r\n                            strokeStyle: \"skyblue\",\r\n                            borderWidth: 1,\r\n                            borderStyle: \"ffffff\",\r\n                            dirArrowStyle: false\r\n                        },\r\n                        pathLineSelectedStyle: {\r\n                            lineWidth: 4,\r\n                            strokeStyle: \"skyblue\",\r\n                            borderWidth: 1,\r\n                            borderStyle: \"#ffffff\",\r\n                            dirArrowStyle: false\r\n                        },\r\n                        startPointStyle: {\r\n                            radius: 6,\r\n                            fillStyle: \"skyblue\",\r\n                            lineWidth: 1,\r\n                            strokeStyle: \"#eeeeee\"\r\n                        },\r\n                        endPointStyle: {\r\n                            radius: 6,\r\n                            fillStyle: \"skyblue\",\r\n                            lineWidth: 1,\r\n                            strokeStyle: \"#eeeeee\"\r\n                        },\r\n                        keyPointStyle: {\r\n                            radius: 3,\r\n                            strokeStyle: \"skyblue\",\r\n                            borderWidth: 1,\r\n                            borderStyle: \"#ffffff\",\r\n                            dirArrowStyle: false\r\n                        },\r\n                        keyPointHoverStyle: {\r\n                            radius: 3,\r\n                            strokeStyle: \"skyblue\",\r\n                            borderWidth: 1,\r\n                            borderStyle: \"#ffffff\",\r\n                            dirArrowStyle: false\r\n                        },\r\n                        keyPointOnSelectedPathLineStyle: {\r\n                            radius: 3,\r\n                            strokeStyle: \"skyblue\",\r\n                            borderWidth: 1,\r\n                            borderStyle: \"#ffffff\",\r\n                            dirArrowStyle: false\r\n                        }\r\n                    }\r\n                });\r\n\r\n                \r\n\r\n                self.pathSimplifierIns.setData([{\r\n                    name: '路线0',\r\n                    path: self.paths,\r\n                }]);\r\n\r\n                // //对第一条线路（即索引 0）创建一个巡航器\r\n                self.navg = self.pathSimplifierIns.createPathNavigator(0, {\r\n                    loop: false, //循环播放\r\n                    speed: self.spead, //巡航速度，单位千米/小时\r\n                    pathNavigatorStyle: {\r\n                        width: 48,\r\n                        height: 48,\r\n                        content: PathSimplifier.Render.Canvas.getImageContent(self.src, self.onload,  self.onerror),\r\n                        pathLinePassedStyle: {\r\n                            lineWidth: 4,\r\n                            strokeStyle: \"#dcd5d5\",\r\n                            borderWidth: 1,\r\n                            borderStyle: \"#ffffff\",\r\n                            dirArrowStyle: false\r\n                        }\r\n                    }\r\n                });\r\n\r\n                let status = false\r\n\r\n                self.navg.on('move', (e)=>{\r\n                    if(!status){\r\n                        return\r\n                    }\r\n                    let {idx} = self.navg.getCursor();\r\n                    self.currentIndex = idx;\r\n                    self.currentDistance = self.navg.getMovedDistance();\r\n                })\r\n\r\n                self.pathLength = self.navg.getPathEndIdx() + 1;\r\n\r\n                // 获取最后节点与初始节点的距离\r\n                self.navg.moveToPoint(self.navg.getPathEndIdx(),0);\r\n                self.endS = self.navg.getMovedDistance();\r\n                self.navg.start();\r\n                self.navg.pause();\r\n                self.navg.moveToPoint(0,0);\r\n                status = true;\r\n\r\n            });\r\n            },\r\n        car_SimpleMarker(){\r\n            let self = this\r\n            AMapUI.loadUI(['overlay/SimpleMarker'], function(SimpleMarker) {\r\n                let endPoint = self.paths[self.paths.length - 1];\r\n                let startPoint = self.paths[0];\r\n                 console.log('startPoint, endPoint', startPoint, endPoint)\r\n              \r\n                //启动页面\r\n               new SimpleMarker({\r\n                    //前景文字\r\n                     iconLabel: {\r\n                        innerHTML: '<i>终</i>', //设置文字内容\r\n                        style: {\r\n                            color: '#fff' //设置文字颜色\r\n                        }\r\n                    },\r\n\r\n                    //图标主题\r\n                    iconTheme: 'fresh',\r\n                    //背景图标样式\r\n                    iconStyle: 'red',\r\n                    //...其他Marker选项...，不包括content\r\n                    map: self.map,\r\n                    position: endPoint\r\n                });\r\n\r\n\r\n                new SimpleMarker({\r\n                    //前景文字\r\n                     iconLabel: {\r\n                        innerHTML: '<i>起</i>', //设置文字内容\r\n                        style: {\r\n                            color: '#fff' //设置文字颜色\r\n                        }\r\n                    },\r\n\r\n                    //图标主题\r\n                    iconTheme: 'fresh',\r\n                    //背景图标样式\r\n                    iconStyle: 'green',\r\n                    //...其他Marker选项...，不包括content\r\n                    map: self.map,\r\n                    position: startPoint\r\n                });\r\n            });\r\n        },\r\n\r\n    },\r\n    mounted(){\r\n\r\n\r\n        this.map = new AMap.Map('container', {\r\n            viewMode: '2D', // 默认使用 2D 模式，如果希望使用带有俯仰角的 3D 模式，请设置 viewMode: '3D',\r\n            zoom:16, //初始化地图层级\r\n            center: [116.708463, 23.37102] //初始化地图中心点\r\n        });\r\n\r\n\r\n        // this.getLatlng();\r\n\r\n\r\n        var marker = new AMap.Marker({\r\n            position: new AMap.LngLat(116.708463, 23.37102),\r\n            icon: new AMap.Icon({            \r\n                image: this.src,\r\n                size: new AMap.Size(56, 56),  //图标所处区域大小\r\n                imageSize: new AMap.Size(56,56) //图标大小\r\n            }), \r\n\r\n            anchor: 'bottom-center',\r\n            angle: 36,\r\n            label: {\r\n                content: '粤D0001',\r\n                direction: 'bottom',\r\n            },\r\n        });\r\n     \r\n        marker.on('click', ()=> {\r\n            console.log('111')\r\n        })\r\n        this.map.add(marker);\r\n   \r\n\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .box{\r\n      width: 100%;\r\n      height: 800px;\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n\r\n      #container{\r\n        height: 100%;\r\n        width: 100%;\r\n      }\r\n\r\n      .tool{\r\n          height: 80px;\r\n          width: 300px;\r\n          background-color: #fff;\r\n          position: absolute;\r\n          bottom: 0;\r\n          display: flex;\r\n          flex-direction: column;\r\n          z-index: 10000;\r\n\r\n          .control{\r\n              height: 60px;\r\n              width: 300px;\r\n              display: flex;\r\n              div{\r\n                width: 60px;\r\n                height: 60px;\r\n\r\n                font-size: 36px;\r\n\r\n                flex: 1;\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n            }\r\n          }\r\n\r\n          .range_box{\r\n              height: 20px;\r\n              width: 300px;\r\n\r\n              .range{\r\n                  width: 100%;\r\n              }\r\n          }\r\n      }\r\n       .btn_box{\r\n        position: absolute;\r\n          top: 0;\r\n          bottom: 0;\r\n          width: 30px;\r\n          display: flex;\r\n          align-items: center;\r\n\r\n            .btn{\r\n                width: 30px;\r\n                height: 60px;\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                background-color: #fff;\r\n                cursor: pointer;\r\n            }\r\n        }\r\n      .aside{\r\n          position: absolute;\r\n          right: 0;\r\n          top: 0;\r\n          bottom: 0;\r\n          width: 250px;\r\n          display: flex;\r\n          background-color: #fff;\r\n          \r\n          .box{\r\n              width: 100%;\r\n              height: 40px;\r\n              margin: 18px;\r\n          }\r\n          \r\n      }\r\n\r\n      .none{\r\n              display: none;\r\n          }\r\n        .right{\r\n            right: 250px;\r\n        }\r\n        .right_none{\r\n            right: 0;\r\n        }\r\n       \r\n  }\r\n ::v-deep .amap-marker-label {\r\n    position: absolute;\r\n    z-index: 2;\r\n    white-space: nowrap;\r\n    cursor: default;\r\n    padding: 3px;\r\n    font-size: 16px;\r\n    line-height: 14px;\r\n    border: none;\r\n    background-color: transparent;\r\n    \r\n}\r\n\r\n</style>\r\n\r\n<style lang=\"scss\" >\r\n\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=508194a1&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=508194a1&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"508194a1\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}