|
|
|
|
@ -34,7 +34,7 @@ |
|
|
|
|
// console.log(Highmaps) |
|
|
|
|
|
|
|
|
|
// Highmaps(Highcharts); |
|
|
|
|
|
|
|
|
|
import { styleJson } from "../json/mapStyle.js" |
|
|
|
|
import { dateFormat } from "@/util/date"; |
|
|
|
|
export const appKey = '69800851-4554-4EEC-8D12-E4211B952798';//轮子appkey |
|
|
|
|
export const key = '266843ed-5d4f-472c-beec-e5e50a114d47'; |
|
|
|
|
@ -51,10 +51,11 @@ export default { |
|
|
|
|
// carList: carList,//车辆设备 |
|
|
|
|
markList: [ |
|
|
|
|
{ lng: 112.37268, lat: 25.63787, name: "福顺机械实业公司" }, |
|
|
|
|
{ lng: 112.37268, lat: 25.63787, name: "巨人机床实业公司" }, |
|
|
|
|
{ lng: 112.37268, lat: 25.63787, name: "郴州雄建实业公司" }, |
|
|
|
|
{ lng: 112.375261, lat: 25.63742, name: "巨人机床实业公司" }, |
|
|
|
|
{ lng: 112.365047, lat: 25.630574, name: "郴州雄建实业公司" }, |
|
|
|
|
{ lng: 112.36587, lat: 25.63132, name: "众合实业公司" }, |
|
|
|
|
{ lng: 112.37268, lat: 25.63787, name: "雄达实业公司" }, |
|
|
|
|
{ lng: 112.372727, lat: 25.635608, name: "雄达实业公司" }, |
|
|
|
|
{ lng: 112.373909, lat: 25.634179, name: "峰达实业公司" }, |
|
|
|
|
{ lng: 112.37275, lat: 25.63676, name: "伟铸机械实业公司" }, |
|
|
|
|
],//标注点记录 |
|
|
|
|
polyline: null,//昨日轨迹 |
|
|
|
|
@ -90,7 +91,7 @@ export default { |
|
|
|
|
methods: { |
|
|
|
|
//回到原中心点 |
|
|
|
|
backMap() { |
|
|
|
|
var point = new BMap.Point(118.880278, 35.649947); |
|
|
|
|
var point = new BMapGL.Point(118.880278, 35.649947); |
|
|
|
|
this.infoShow = false; |
|
|
|
|
this.baiduMap.centerAndZoom(point, 12); |
|
|
|
|
if (this.polyline) { |
|
|
|
|
@ -100,17 +101,19 @@ export default { |
|
|
|
|
// this.baiduMap.closeInfoWindow(); |
|
|
|
|
}, |
|
|
|
|
initMap() { |
|
|
|
|
var point = new BMap.Point(112.37558, 25.59342); |
|
|
|
|
var point = new BMapGL.Point(112.37558, 25.59342); |
|
|
|
|
if (this.baiduMap) { |
|
|
|
|
this.baiduMap.centerAndZoom(point, 12); |
|
|
|
|
} |
|
|
|
|
else { |
|
|
|
|
this.baiduMap = new BMap.Map('container'); |
|
|
|
|
this.baiduMap = new BMapGL.Map('container'); |
|
|
|
|
this.baiduMap.centerAndZoom(point, 12); |
|
|
|
|
this.baiduMap.enableScrollWheelZoom(true); |
|
|
|
|
// var opts = { type: BMAP_NAVIGATION_CONTROL_SMALL } |
|
|
|
|
// this.baiduMap.addControl(new BMap.NavigationControl(opts)); |
|
|
|
|
this.baiduMap.setMapStyle({ style: 'midnight' }); |
|
|
|
|
// this.baiduMap.addControl(new BMapGL.NavigationControl(opts)); |
|
|
|
|
// this.baiduMap.setMapStyleV2({ style: 'midnight' }); |
|
|
|
|
|
|
|
|
|
var bdary = new BMapGL.Boundary(); |
|
|
|
|
// this.baiduMap.setMapStyleV2({ |
|
|
|
|
// styleJson: styleJson |
|
|
|
|
// }) |
|
|
|
|
@ -118,123 +121,149 @@ export default { |
|
|
|
|
// this.view = new mapvgl.View({ |
|
|
|
|
// map: this.baiduMap |
|
|
|
|
// }); |
|
|
|
|
var bdary = new BMap.Boundary(); |
|
|
|
|
bdary.get("郴州市嘉禾县", rs => { |
|
|
|
|
var count = rs.boundaries.length; |
|
|
|
|
|
|
|
|
|
// bdary.get("郴州市嘉禾县", rs => { |
|
|
|
|
// var count = rs.boundaries.length; |
|
|
|
|
// for (var i = 0; i < count; i++) { |
|
|
|
|
// var xyArr = rs.boundaries[i].split(';'); |
|
|
|
|
// var ptArr = []; |
|
|
|
|
// for (var j = 0; j < xyArr.length; j++) { |
|
|
|
|
// var tmp = xyArr[j].split(','); |
|
|
|
|
// var pt = new BMapGL.Point(tmp[0], tmp[1]); |
|
|
|
|
// ptArr.push(pt); |
|
|
|
|
// } |
|
|
|
|
// // var mapmask = new BMapGL.MapMask(ptArr, { |
|
|
|
|
// // isBuildingMask: true, |
|
|
|
|
// // isPoiMask: true, |
|
|
|
|
// // isMapMask: true, |
|
|
|
|
// // showRegion: 'inside', |
|
|
|
|
// // topFillColor: '#5679ea', |
|
|
|
|
// // topFillOpacity: 0.5, |
|
|
|
|
// // sideFillColor: '#5679ea', |
|
|
|
|
// // sideFillOpacity: 0.9 |
|
|
|
|
// // }); |
|
|
|
|
// // this.baiduMap.addOverlay(mapmask); |
|
|
|
|
// var border = new BMapGL.Polyline(ptArr, { |
|
|
|
|
// strokeColor: '#0e94eb', |
|
|
|
|
// strokeWeight: 3, |
|
|
|
|
// strokeOpacity: 1 |
|
|
|
|
// }); |
|
|
|
|
// this.baiduMap.addOverlay(border); |
|
|
|
|
// // var ply = new BMapGL.Polygon(rs.boundaries[i], { strokeWeight: 2, strokeColor: "#0e94eb", fillColor: '', fillOpacity: 0, }); //建立多边形覆盖物 |
|
|
|
|
// // this.baiduMap.addOverlay(ply); //添加覆盖物 |
|
|
|
|
// } |
|
|
|
|
// }) |
|
|
|
|
this.baiduMap.centerAndZoom(point, 10); |
|
|
|
|
this.baiduMap.setTilt(50); |
|
|
|
|
this.baiduMap.enableScrollWheelZoom(); |
|
|
|
|
bdary.get('郴州市嘉禾县', (rs) => { |
|
|
|
|
var count = rs.boundaries.length; //行政区域的点有多少个 |
|
|
|
|
var pointArray = []; |
|
|
|
|
for (var i = 0; i < count; i++) { |
|
|
|
|
var xyArr = rs.boundaries[i].split(';'); |
|
|
|
|
var ptArr = []; |
|
|
|
|
for (var j = 0; j < xyArr.length; j++) { |
|
|
|
|
var tmp = xyArr[j].split(','); |
|
|
|
|
var pt = new BMap.Point(tmp[0], tmp[1]); |
|
|
|
|
ptArr.push(pt); |
|
|
|
|
var path = []; |
|
|
|
|
var str = rs.boundaries[i].replace(' ', ''); |
|
|
|
|
var points = str.split(';'); |
|
|
|
|
for (var j = 0; j < points.length; j++) { |
|
|
|
|
var lng = points[j].split(',')[0]; |
|
|
|
|
var lat = points[j].split(',')[1]; |
|
|
|
|
path.push(new BMapGL.Point(lng, lat)); |
|
|
|
|
} |
|
|
|
|
// var mapmask = new BMap.MapMask(ptArr, { |
|
|
|
|
// isBuildingMask: true, |
|
|
|
|
// isPoiMask: true, |
|
|
|
|
// isMapMask: true, |
|
|
|
|
// showRegion: 'inside', |
|
|
|
|
// topFillColor: '#5679ea', |
|
|
|
|
// topFillOpacity: 0.5, |
|
|
|
|
// sideFillColor: '#5679ea', |
|
|
|
|
// sideFillOpacity: 0.9 |
|
|
|
|
// }); |
|
|
|
|
// this.baiduMap.addOverlay(mapmask); |
|
|
|
|
var border = new BMap.Polyline(ptArr, { |
|
|
|
|
strokeColor: '#0e94eb', |
|
|
|
|
strokeWeight: 3, |
|
|
|
|
strokeOpacity: 1 |
|
|
|
|
var prism = new BMapGL.Prism(path, 5000, { |
|
|
|
|
topFillColor: '#5679ea', |
|
|
|
|
topFillOpacity: 0.5, |
|
|
|
|
sideFillColor: '#5679ea', |
|
|
|
|
sideFillOpacity: 0.9 |
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
this.baiduMap.addOverlay(border); |
|
|
|
|
// var ply = new BMap.Polygon(rs.boundaries[i], { strokeWeight: 2, strokeColor: "#0e94eb", fillColor: '', fillOpacity: 0, }); //建立多边形覆盖物 |
|
|
|
|
// this.baiduMap.addOverlay(ply); //添加覆盖物 |
|
|
|
|
this.baiduMap.addOverlay(prism); |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.baiduMap.setMapStyleV2({ styleJson: styleJson }); |
|
|
|
|
this.baiduMap.removeEventListener('tilesloaded', this.handleEvent); |
|
|
|
|
this.baiduMap.addEventListener('tilesloaded', this.handleEvent); |
|
|
|
|
let lng = '112.37268'; |
|
|
|
|
let lat = '25.63787'; |
|
|
|
|
let pt = new BMap.Point(lng, lat); |
|
|
|
|
// { |
|
|
|
|
// icon: myIcon |
|
|
|
|
// } |
|
|
|
|
var marker = new BMap.Marker(pt) |
|
|
|
|
|
|
|
|
|
this.baiduMap.addOverlay(marker); |
|
|
|
|
var opts = { |
|
|
|
|
width: 10, // 信息窗口宽度 |
|
|
|
|
height: 10, // 信息窗口高度 |
|
|
|
|
title: "", // 信息窗口标题 |
|
|
|
|
message: "" |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
var sContent = ` |
|
|
|
|
this.markList.map(r => { |
|
|
|
|
let lng = r.lng; |
|
|
|
|
let lat = r.lat; |
|
|
|
|
let pt = new BMapGL.Point(lng, lat); |
|
|
|
|
|
|
|
|
|
// { |
|
|
|
|
// icon: myIcon |
|
|
|
|
// } |
|
|
|
|
var marker = new BMapGL.Marker(pt) |
|
|
|
|
|
|
|
|
|
this.baiduMap.addOverlay(marker); |
|
|
|
|
|
|
|
|
|
var sContent = ` |
|
|
|
|
<div class="mapslabel"> |
|
|
|
|
<div class="mapslabel-t"> |
|
|
|
|
<div class="mapslabel-t-img"></div> |
|
|
|
|
复制 |
|
|
|
|
${r.name} |
|
|
|
|
</div> |
|
|
|
|
<div class="mapslabel-b"> |
|
|
|
|
<div> |
|
|
|
|
<div>用电量</div> |
|
|
|
|
<div class="mapslabel-b-font">111</div> |
|
|
|
|
<span style="margin-top:10px;display: inline-block;float: left;">kw·h</span> |
|
|
|
|
<span style="margin-top:0.08rem;display: inline-block;float: left;">kw·h</span> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<div>碳排放量</div> |
|
|
|
|
<div class="mapslabel-b-font">1111</div> |
|
|
|
|
<span style="margin-top:10px;display: inline-block;float: left;">t</span> |
|
|
|
|
<span style="margin-top:0.08rem;display: inline-block;float: left;">t</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
`; |
|
|
|
|
// 将标注添加到地图 |
|
|
|
|
var infoWindow = new BMap.InfoWindow(sContent); // 创建信息窗口对象 |
|
|
|
|
marker.addEventListener("click", function () { |
|
|
|
|
console.log(1) |
|
|
|
|
this.openInfoWindow(infoWindow, point); //开启信息窗口 |
|
|
|
|
}); |
|
|
|
|
var style_map = [{ |
|
|
|
|
// 地图背景 |
|
|
|
|
"featureType": "land", |
|
|
|
|
"elementType": "all", |
|
|
|
|
"stylers": { |
|
|
|
|
"color": "#0b2555", |
|
|
|
|
"lightness": -1 |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
// 水路背景 |
|
|
|
|
"featureType": "water", |
|
|
|
|
"elementType": "all", |
|
|
|
|
"stylers": { |
|
|
|
|
"color": "#0b2555", |
|
|
|
|
"lightness": -1 |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
//绿地背景 |
|
|
|
|
"featureType": "green", |
|
|
|
|
"elementType": "all", |
|
|
|
|
"stylers": { |
|
|
|
|
"color": "#0b2555", |
|
|
|
|
"lightness": -1 |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
//教育地区 |
|
|
|
|
"featureType": "education", |
|
|
|
|
"elementType": "all", |
|
|
|
|
"stylers": { |
|
|
|
|
"color": "#0b2555", |
|
|
|
|
"lightness": -1 |
|
|
|
|
} |
|
|
|
|
}] |
|
|
|
|
// 将标注添加到地图 |
|
|
|
|
var infoWindow = new BMapGL.InfoWindow(sContent); // 创建信息窗口对象 |
|
|
|
|
marker.addEventListener("click", function () { |
|
|
|
|
this.openInfoWindow(infoWindow, point); //开启信息窗口 |
|
|
|
|
}); |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
// var style_map = [{ |
|
|
|
|
// // 地图背景 |
|
|
|
|
// "featureType": "land", |
|
|
|
|
// "elementType": "all", |
|
|
|
|
// "stylers": { |
|
|
|
|
// "color": "#0b2555", |
|
|
|
|
// "lightness": -1 |
|
|
|
|
// } |
|
|
|
|
// }, { |
|
|
|
|
// // 水路背景 |
|
|
|
|
// "featureType": "water", |
|
|
|
|
// "elementType": "all", |
|
|
|
|
// "stylers": { |
|
|
|
|
// "color": "#0b2555", |
|
|
|
|
// "lightness": -1 |
|
|
|
|
// } |
|
|
|
|
// }, { |
|
|
|
|
// //绿地背景 |
|
|
|
|
// "featureType": "green", |
|
|
|
|
// "elementType": "all", |
|
|
|
|
// "stylers": { |
|
|
|
|
// "color": "#0b2555", |
|
|
|
|
// "lightness": -1 |
|
|
|
|
// } |
|
|
|
|
// }, { |
|
|
|
|
// //教育地区 |
|
|
|
|
// "featureType": "education", |
|
|
|
|
// "elementType": "all", |
|
|
|
|
// "stylers": { |
|
|
|
|
// "color": "#0b2555", |
|
|
|
|
// "lightness": -1 |
|
|
|
|
// } |
|
|
|
|
// }] |
|
|
|
|
//将样式加载地图中 |
|
|
|
|
// this.baiduMap.setMapStyleV2({ styleJson: eval("style_map") }); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// let n = '112.37525' |
|
|
|
|
// let a = '25.63730' |
|
|
|
|
// let p = new BMap.Point(n, a); |
|
|
|
|
// var markers = new BMap.Marker(p) |
|
|
|
|
// let p = new BMapGL.Point(n, a); |
|
|
|
|
// var markers = new BMapGL.Marker(p) |
|
|
|
|
// this.baiduMap.addOverlay(markers); |
|
|
|
|
// markers.addEventListener("click", function () { |
|
|
|
|
// console.log(1) |
|
|
|
|
@ -244,12 +273,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
// 将标注添加到地图 |
|
|
|
|
addMarker() { |
|
|
|
|
let arr = [ |
|
|
|
|
|
|
|
|
|
] |
|
|
|
|
}, |
|
|
|
|
// handleEvent() { |
|
|
|
|
// console.log('addEventListener'); |
|
|
|
|
// this.carList.map((item, index) => { |
|
|
|
|
@ -283,13 +307,13 @@ export default { |
|
|
|
|
// // let carInfo = res1.Data; |
|
|
|
|
// lunzApi.getCurrentDeviceInfoByIMEI(this.appKey, deviceId).then(res => { |
|
|
|
|
// // 创建小车图标 |
|
|
|
|
// // var myIcon = new BMap.Icon(require("@/assets/images/car.png"), new BMap.Size(25, 25)); |
|
|
|
|
// // var myIcon = new BMapGL.Icon(require("@/assets/images/car.png"), new BMapGL.Size(25, 25)); |
|
|
|
|
// lunzApi.getBaiduNear(this.appKey, res.Data.BaiduLat, res.Data.BaiduLng).then(res2 => { |
|
|
|
|
// // 创建Marker标注，使用小车图标 |
|
|
|
|
// let lng = res.Data.BaiduLng; |
|
|
|
|
// let lat = res.Data.BaiduLat; |
|
|
|
|
// let pt = new BMap.Point(lng, lat); |
|
|
|
|
// var marker = new BMap.Marker(pt, { |
|
|
|
|
// let pt = new BMapGL.Point(lng, lat); |
|
|
|
|
// var marker = new BMapGL.Marker(pt, { |
|
|
|
|
// icon: myIcon |
|
|
|
|
// }); |
|
|
|
|
// // 将标注添加到地图 |
|
|
|
|
@ -315,7 +339,7 @@ export default { |
|
|
|
|
// // <div style="display:flex;"><div style="color: #ffffff;">最后定位时间：</div><div style="color: #ffffff;flex:1;">${res.Data.GPSTimeStamp.replace("T", " ")}</div></div> |
|
|
|
|
// // <div style="text-align:center;margin:0.12rem 0 0;max-width:3.25rem;"> <div style="display: inline-block;width:0.88rem;border-radius: 100px;text-align:center;color: #1b2f57;font-style: italic;font-family: FZSK;cursor: pointer;background:#facd89 !important;font-size:0.16rem;font-weight:bold;padding:0.04rem 0;" id="btnPath_${deviceId}">行车轨迹</div></div> |
|
|
|
|
// // </div>`; |
|
|
|
|
// // let infoWindow = new BMap.InfoWindow(sContent, { width: 367, height: 220 }); |
|
|
|
|
// // let infoWindow = new BMapGL.InfoWindow(sContent, { width: 367, height: 220 }); |
|
|
|
|
// // // marker添加点击事件 |
|
|
|
|
// // infoWindow.addEventListener('open', () => { |
|
|
|
|
// // document.getElementById('btnPath_' + deviceId).addEventListener('click', () => { |
|
|
|
|
@ -342,7 +366,7 @@ export default { |
|
|
|
|
// }, |
|
|
|
|
//信息窗口 |
|
|
|
|
// openWindow(sContent, pt, DeviceNumber) { |
|
|
|
|
// let infoWindow = new BMap.InfoWindow(sContent); |
|
|
|
|
// let infoWindow = new BMapGL.InfoWindow(sContent); |
|
|
|
|
// // marker添加点击事件 |
|
|
|
|
// infoWindow.addEventListener('open', () => { |
|
|
|
|
// document.getElementById('btnPath_' + DeviceNumber).addEventListener('click', () => { |
|
|
|
|
@ -354,7 +378,7 @@ export default { |
|
|
|
|
// lunzApi.getCurrentDeviceInfoByIMEI(this.appKey, deviceId).then(res => { |
|
|
|
|
// let lng = res.Data.BaiduLng; |
|
|
|
|
// let lat = res.Data.BaiduLat; |
|
|
|
|
// let pt = new BMap.Point(lng, lat); |
|
|
|
|
// let pt = new BMapGL.Point(lng, lat); |
|
|
|
|
// this.infoShow = false; |
|
|
|
|
// this.baiduMap.centerAndZoom(pt, 18); |
|
|
|
|
// }) |
|
|
|
|
@ -388,28 +412,28 @@ export default { |
|
|
|
|
// } |
|
|
|
|
// let point = []; |
|
|
|
|
// res.Data.Locations.map(item => { |
|
|
|
|
// point.push(new BMap.Point(item.Lng, item.Lat)); |
|
|
|
|
// point.push(new BMapGL.Point(item.Lng, item.Lat)); |
|
|
|
|
// }); |
|
|
|
|
// if (this.polyline) { |
|
|
|
|
// this.baiduMap.removeOverlay(this.polyline); |
|
|
|
|
// this.polyline = null; |
|
|
|
|
// } |
|
|
|
|
// this.polyline = new BMap.Polyline(point, { strokeColor: '#ffe954', strokeWeight: 4, strokeOpacity: 1, }) |
|
|
|
|
// this.polyline = new BMapGL.Polyline(point, { strokeColor: '#ffe954', strokeWeight: 4, strokeOpacity: 1, }) |
|
|
|
|
// this.baiduMap.addOverlay(this.polyline); |
|
|
|
|
// //终点标注maker |
|
|
|
|
// if (this.endPointMarker) { |
|
|
|
|
// this.baiduMap.removeOverlay(this.endPointMarker); |
|
|
|
|
// this.endPointMarker = null; |
|
|
|
|
// } |
|
|
|
|
// // var myIcon = new BMap.Icon(require("@/assets/images/end_point_icon.png"), new BMap.Size(37, 44)); |
|
|
|
|
// // this.endPointMarker = new BMap.Marker(point[point.length-1], { |
|
|
|
|
// // var myIcon = new BMapGL.Icon(require("@/assets/images/end_point_icon.png"), new BMapGL.Size(37, 44)); |
|
|
|
|
// // this.endPointMarker = new BMapGL.Marker(point[point.length-1], { |
|
|
|
|
// // icon: myIcon |
|
|
|
|
// // }); |
|
|
|
|
// // console.log('最后一个坐标',point[point.length-1]) |
|
|
|
|
// // this.baiduMap.addOverlay(this.endPointMarker); |
|
|
|
|
// this.baiduMap.centerAndZoom(point[0], 15); |
|
|
|
|
// this.baiduMap.closeInfoWindow(); |
|
|
|
|
// // this.polyline = new BMap.Polyline(point, { |
|
|
|
|
// // this.polyline = new BMapGL.Polyline(point, { |
|
|
|
|
// // strokeColor: '#F5533D', |
|
|
|
|
// // strokeWeight: 5, |
|
|
|
|
// // strokeOpacity: 1, |
|
|
|
|
@ -443,29 +467,32 @@ export default { |
|
|
|
|
background: transparent !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.BMap_pop { |
|
|
|
|
.BMap_bubble_pop { |
|
|
|
|
width: 2.5rem !important; |
|
|
|
|
height: 1.26rem !important; |
|
|
|
|
background: url(../../../../public/img/energySourcesProvince/map3.png); |
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
margin: 160px 0 0 138px; |
|
|
|
|
margin: 1.78rem 0 0 1.24rem; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
border: 0 !important; |
|
|
|
|
background-color: transparent !important; |
|
|
|
|
border-radius: 0.1rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.mapslabel { |
|
|
|
|
width: 2.5rem !important; |
|
|
|
|
height: 1.26rem !important; |
|
|
|
|
padding-left: 20px; |
|
|
|
|
margin-top: -4px; |
|
|
|
|
padding-left: 0.26rem; |
|
|
|
|
margin-top: 0.1rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mapslabel-t { |
|
|
|
|
width: 2rem; |
|
|
|
|
height: 0.32rem; |
|
|
|
|
line-height: 0.32rem; |
|
|
|
|
margin-bottom: 14px; |
|
|
|
|
margin-bottom: 0.14rem; |
|
|
|
|
font-size: 0.18rem; |
|
|
|
|
font-family: Microsoft YaHei; |
|
|
|
|
font-weight: bold; |
|
|
|
|
@ -496,13 +523,13 @@ export default { |
|
|
|
|
.mapslabel-b .mapslabel-b-font { |
|
|
|
|
font-size: 0.24rem; |
|
|
|
|
font-family: Acumin Variable Concept; |
|
|
|
|
margin-top: 0.06rem; |
|
|
|
|
margin-top: 0.04rem; |
|
|
|
|
float: left; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.BMap_pop .BMap_center { |
|
|
|
|
.BMap_bubble_pop .BMap_center { |
|
|
|
|
/* width: 281px !important; |
|
|
|
|
height: 100px !important; |
|
|
|
|
z-index: 99 !important; */ |
|
|
|
|
@ -511,35 +538,35 @@ export default { |
|
|
|
|
display: none !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.BMap_pop>img { |
|
|
|
|
.BMap_bubble_pop>img { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.BMap_pop>div:nth-child(1) { |
|
|
|
|
.BMap_bubble_pop>div:nth-child(1) { |
|
|
|
|
display: none !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.BMap_pop>div:nth-child(2) { |
|
|
|
|
/* .BMap_bubble_pop>div:nth-child(2) { |
|
|
|
|
display: none !important; |
|
|
|
|
} |
|
|
|
|
} */ |
|
|
|
|
|
|
|
|
|
.BMap_pop>div:nth-child(3) { |
|
|
|
|
.BMap_bubble_pop>div:nth-child(3) { |
|
|
|
|
display: none !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.BMap_pop>div:nth-child(5) { |
|
|
|
|
.BMap_bubble_pop>div:nth-child(5) { |
|
|
|
|
display: none !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.BMap_pop>div:nth-child(6) { |
|
|
|
|
.BMap_bubble_pop>div:nth-child(6) { |
|
|
|
|
display: none !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.BMap_pop>div:nth-child(7) { |
|
|
|
|
.BMap_bubble_pop>div:nth-child(7) { |
|
|
|
|
display: none !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.BMap_pop>div:nth-child(8) { |
|
|
|
|
.BMap_bubble_pop>div:nth-child(8) { |
|
|
|
|
display: none !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
jn517618
2 years ago