This commit is contained in:
parent
60983dadab
commit
02c495841d
|
|
@ -211,7 +211,7 @@ body {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 15px;
|
bottom: 15px;
|
||||||
left: 15px;
|
left: 15px;
|
||||||
width: 320px;
|
width: 260px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background: rgba(0, 0, 0, 0.6);
|
background: rgba(0, 0, 0, 0.6);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
|
@ -223,7 +223,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.project-overview-preview-box {
|
.project-overview-preview-box {
|
||||||
width: 320px;
|
width: 260px;
|
||||||
background: rgba(0, 0, 0, 0.6);
|
background: rgba(0, 0, 0, 0.6);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
/* 定位使预览盒子在工程概况的右边 */
|
/* 定位使预览盒子在工程概况的右边 */
|
||||||
|
|
@ -231,7 +231,7 @@ body {
|
||||||
right: -105%;
|
right: -105%;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
display: none;
|
display: none;
|
||||||
font-size: 12px;
|
font-size: 10px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
@ -251,7 +251,7 @@ body {
|
||||||
|
|
||||||
.project-overview-title {
|
.project-overview-title {
|
||||||
padding-bottom: 10px 0;
|
padding-bottom: 10px 0;
|
||||||
font-size: 18px;
|
font-size: 14px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
@ -261,7 +261,7 @@ body {
|
||||||
text-indent: 2em;
|
text-indent: 2em;
|
||||||
/* max-height: 220px; */
|
/* max-height: 220px; */
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 12px;
|
font-size: 10px;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
/* padding-bottom: 10px; */
|
/* padding-bottom: 10px; */
|
||||||
/* 设置溢出隐藏显示... */
|
/* 设置溢出隐藏显示... */
|
||||||
|
|
|
||||||
|
|
@ -359,10 +359,10 @@ function addAllMapPoints() {
|
||||||
const iconUrl = iconTypeList[12]; // 默认使用第一个图标
|
const iconUrl = iconTypeList[12]; // 默认使用第一个图标
|
||||||
const myIcon = new BMapGL.Icon(
|
const myIcon = new BMapGL.Icon(
|
||||||
iconUrl,
|
iconUrl,
|
||||||
new BMapGL.Size(24, 24),
|
new BMapGL.Size(14, 14),
|
||||||
{
|
{
|
||||||
anchor: new BMapGL.Size(12, 24), // 修正锚点位置为中心底部
|
anchor: new BMapGL.Size(7, 14), // 修正锚点位置为中心底部
|
||||||
imageSize: new BMapGL.Size(24, 24), // 与实际图片尺寸一致
|
imageSize: new BMapGL.Size(14, 14), // 与实际图片尺寸一致
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
@ -455,9 +455,9 @@ function addAllMapPoints() {
|
||||||
const point = new BMapGL.Point(intLng, intLat);
|
const point = new BMapGL.Point(intLng, intLat);
|
||||||
bounds.push(point);
|
bounds.push(point);
|
||||||
const iconUrl = iconTypeList[20];
|
const iconUrl = iconTypeList[20];
|
||||||
const myIcon = new BMapGL.Icon(iconUrl, new BMapGL.Size(24, 24), {
|
const myIcon = new BMapGL.Icon(iconUrl, new BMapGL.Size(14, 14), {
|
||||||
anchor: new BMapGL.Size(12, 12), // 修正锚点位置为中心底部
|
anchor: new BMapGL.Size(14, 14), // 修正锚点位置为中心底部
|
||||||
imageSize: new BMapGL.Size(24, 24), // 与实际图片尺寸一致
|
imageSize: new BMapGL.Size(14, 14), // 与实际图片尺寸一致
|
||||||
});
|
});
|
||||||
|
|
||||||
const marker = new BMapGL.Marker(point, { icon: myIcon });
|
const marker = new BMapGL.Marker(point, { icon: myIcon });
|
||||||
|
|
@ -540,10 +540,10 @@ function addAllMapPoints() {
|
||||||
// 1. 创建主标记点
|
// 1. 创建主标记点
|
||||||
const iconUrl = iconTypeList[parseInt(pointData.towerProgress)];
|
const iconUrl = iconTypeList[parseInt(pointData.towerProgress)];
|
||||||
|
|
||||||
let X = 24;
|
let X = 14;
|
||||||
let Y = 24;
|
let Y = 14;
|
||||||
let anchorX = 12;
|
let anchorX = 7;
|
||||||
let anchorY = 24;
|
let anchorY = 14;
|
||||||
// if ([1, 2, 3, 4, 5, 6, 0].includes(pointData.towerProgress)) {
|
// if ([1, 2, 3, 4, 5, 6, 0].includes(pointData.towerProgress)) {
|
||||||
// X = 14;
|
// X = 14;
|
||||||
// Y = 33.75;
|
// Y = 33.75;
|
||||||
|
|
@ -752,11 +752,11 @@ function addAllMapPoints() {
|
||||||
});
|
});
|
||||||
|
|
||||||
// 4. 添加标签
|
// 4. 添加标签
|
||||||
let offset = new BMapGL.Size(-20, -30);
|
let offset = new BMapGL.Size(-8, -18);
|
||||||
if (index % 2 == 0) {
|
if (index % 2 == 0) {
|
||||||
offset = new BMapGL.Size(-26, -60);
|
offset = new BMapGL.Size(-10, -28);
|
||||||
} else {
|
} else {
|
||||||
offset = new BMapGL.Size(-26, 20);
|
offset = new BMapGL.Size(-10, 4);
|
||||||
}
|
}
|
||||||
const label = new BMapGL.Label(pointData.towerName, {
|
const label = new BMapGL.Label(pointData.towerName, {
|
||||||
position: point,
|
position: point,
|
||||||
|
|
@ -766,12 +766,12 @@ function addAllMapPoints() {
|
||||||
overlays.push(label);
|
overlays.push(label);
|
||||||
label.setStyle({
|
label.setStyle({
|
||||||
color: "#fff",
|
color: "#fff",
|
||||||
fontSize: "12px",
|
fontSize: "6px",
|
||||||
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
||||||
border: "none",
|
border: "none",
|
||||||
padding: "0 10px",
|
padding: "0 1px",
|
||||||
border: "1px solid #ccc",
|
border: "1px solid #ccc",
|
||||||
boxShadow: "0 0 10px 0 rgba(0, 0, 0, 0.5)",
|
boxShadow: "0 0 2px 0 rgba(0, 0, 0, 0.5)",
|
||||||
borderRadius: "4px",
|
borderRadius: "4px",
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
@ -804,9 +804,9 @@ function addAllMapPoints() {
|
||||||
|
|
||||||
// 检查图标是否存在,不存在则使用默认图标
|
// 检查图标是否存在,不存在则使用默认图标
|
||||||
const iconUrl = iconTypeList[21]; // 默认使用第一个图标
|
const iconUrl = iconTypeList[21]; // 默认使用第一个图标
|
||||||
const myIcon = new BMapGL.Icon(iconUrl, new BMapGL.Size(24, 24), {
|
const myIcon = new BMapGL.Icon(iconUrl, new BMapGL.Size(14, 14), {
|
||||||
anchor: new BMapGL.Size(12, 24), // 修正锚点位置为中心底部
|
anchor: new BMapGL.Size(7, 14), // 修正锚点位置为中心底部
|
||||||
imageSize: new BMapGL.Size(24, 24), // 与实际图片尺寸一致
|
imageSize: new BMapGL.Size(14, 14), // 与实际图片尺寸一致
|
||||||
});
|
});
|
||||||
|
|
||||||
const marker = new BMapGL.Marker(point, { icon: myIcon });
|
const marker = new BMapGL.Marker(point, { icon: myIcon });
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue