From b5a3db4f11d502600750cb7b4752df657bd9b935 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Mon, 09 Oct 2023 10:32:17 +0800
Subject: [PATCH] fix:地图修改
---
src/views/UVA/index.vue | 60 +++++++++++++++++++++++++++++++++++++++---------------------
1 files changed, 39 insertions(+), 21 deletions(-)
diff --git a/src/views/UVA/index.vue b/src/views/UVA/index.vue
index e572986..865bc4a 100644
--- a/src/views/UVA/index.vue
+++ b/src/views/UVA/index.vue
@@ -887,7 +887,10 @@
},
mounted() {
- this.initStart()
+ this.$nextTick(() => {
+ this.initStart()
+ })
+
// this.$refs.datePick.focus()
// this.getDate()
// this.flyData()
@@ -1223,7 +1226,7 @@
this.abc += 1
const that = this
if (!res) {
- that.map = new BMapGL.Map('map_container')
+ that.map = new BMap.Map('map_container')
console.log('BMap', BMap)
console.log('BMapGL', BMapGL)
console.log('window', window.BMapGL)
@@ -1305,7 +1308,7 @@
// lat = GPS.bd_encrypt(lat, lng).lat
// lng = GPS.bd_decrypt(lat, lng).lon
// lat = GPS.bd_decrypt(lat, lng).lat
- var point = new BMapGL.Point(lng, lat)
+ var point = new BMap.Point(lng, lat)
point.a34004 = parseInt(value.a34004)
point.a34002 = parseInt(value.a34002)
point.a21026 = parseInt(value.a21026)
@@ -1416,12 +1419,12 @@
var data = point[sensor]
// ������������������������������������
var color = getColorAndLevel(sensor, data).color
- var polygon = new BMapGL.Polygon(
+ var polygon = new BMap.Polygon(
[
- new BMapGL.Point(sw.lng, sw.lat), // ���������
- new BMapGL.Point(ne.lng, sw.lat), // ���������
- new BMapGL.Point(ne.lng, ne.lat), // ���������
- new BMapGL.Point(sw.lng, ne.lat) // ���������
+ new BMap.Point(sw.lng, sw.lat), // ���������
+ new BMap.Point(ne.lng, sw.lat), // ���������
+ new BMap.Point(ne.lng, ne.lat), // ���������
+ new BMap.Point(sw.lng, ne.lat) // ���������
],
{
strokeWeight: 0.1, // ������������������,������������������
@@ -1440,24 +1443,24 @@
// ���������������������
function drawStartAndEnd() {
- var startIcon = new BMapGL.Icon(
+ var startIcon = new BMap.Icon(
require('@/assets/images/start.png'),
- new BMapGL.Size(48, 48)
+ new BMap.Size(48, 48)
)
- var startMark = new BMapGL.Marker(that.showPoints[0], {
+ var startMark = new BMap.Marker(that.showPoints[0], {
icon: startIcon,
- offset: new BMapGL.Size(0, -20)
+ offset: new BMap.Size(0, -20)
})
that.map.addOverlay(startMark)
- var endIcon = new BMapGL.Icon(
+ var endIcon = new BMap.Icon(
require('@/assets/images/end.png'),
- new BMapGL.Size(48, 48)
+ new BMap.Size(48, 48)
)
- var endMark = new BMapGL.Marker(
+ var endMark = new BMap.Marker(
that.showPoints[that.showPoints.length - 1],
{
icon: endIcon,
- offset: new BMapGL.Size(0, -20)
+ offset: new BMap.Size(0, -20)
}
)
that.map.addOverlay(endMark)
@@ -1537,7 +1540,7 @@
lng = (lng * 180) / Math.PI
lat = (lat * 180) / Math.PI
// console.log(lng, lat)
- return new BMapGL.Point(lng, lat)
+ return new BMap.Point(lng, lat)
}
function getGrading(sensor, type, carMac) {
@@ -1888,14 +1891,14 @@
// point���������label������
function setLabelStyle(content, point) {
- var label = new BMapGL.Label(
+ var label = new BMap.Label(
"<span class='my-maptip'>" + content + '<br /><span>', // ���lable������������
{
- offset: new BMapGL.Size(-8, -10), // label������������������������label������������������������
+ offset: new BMap.Size(-8, -10), // label������������������������label������������������������
position: point
} // label���������
)
- var offsetSize = new BMapGL.Size(0, 0)
+ var offsetSize = new BMap.Size(0, 0)
var size = '10px'
if (that.map.getZoom() <= 15.5) {
size = '0px'
@@ -2005,7 +2008,22 @@
}
</script>
-<style lang="scss" >
+<style lang="scss" scoped>
+.main-container {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: column;
+ flex-flow: column;
+ min-height: 100%;
+ -webkit-transition: margin-left .28s;
+ transition: margin-left .28s;
+ margin-left: 210px;
+ position: relative;
+ height: 100%;
+}
/deep/.BMap_cpyCtrl {
display: none;
}
--
Gitblit v1.8.0