|
@@ -160,17 +160,21 @@ export default {
|
|
|
|
|
|
|
|
// 定义复杂覆盖物
|
|
// 定义复杂覆盖物
|
|
|
function cpxOverlay(
|
|
function cpxOverlay(
|
|
|
- lng = 120.688612,
|
|
|
|
|
- lat = 31.995529,
|
|
|
|
|
- shipName = "颖航5156",
|
|
|
|
|
- mmsi = "413835188",
|
|
|
|
|
- cargo = "豆粕",
|
|
|
|
|
- tons = "1565.69",
|
|
|
|
|
- shipId = "51710",
|
|
|
|
|
|
|
+ item = {
|
|
|
|
|
+ lng: 120.688612,
|
|
|
|
|
+ lat: 31.995529,
|
|
|
|
|
+ shipName: "颖航5156",
|
|
|
|
|
+ mmsi: "413835188",
|
|
|
|
|
+ cargo: "豆粕",
|
|
|
|
|
+ tons: "1565.69",
|
|
|
|
|
+ shipId: "51710",
|
|
|
|
|
+ },
|
|
|
|
|
+ scale = 1,
|
|
|
offsetX = "0",
|
|
offsetX = "0",
|
|
|
- offsetY = "0",
|
|
|
|
|
- scale = 1
|
|
|
|
|
|
|
+ offsetY = "0"
|
|
|
) {
|
|
) {
|
|
|
|
|
+ let { lng, lat, shipName, mmsi, cargo, tons, shipId } = item;
|
|
|
|
|
+
|
|
|
// 复杂的自定义覆盖物
|
|
// 复杂的自定义覆盖物
|
|
|
function ComplexCustomOverlay(point) {
|
|
function ComplexCustomOverlay(point) {
|
|
|
this._point = point;
|
|
this._point = point;
|
|
@@ -325,7 +329,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
selectShip({ key: shipId });
|
|
selectShip({ key: shipId });
|
|
|
});
|
|
});
|
|
|
- if (lng != -1) {
|
|
|
|
|
|
|
+ if (item != -1) {
|
|
|
div.appendChild(shipBox);
|
|
div.appendChild(shipBox);
|
|
|
}
|
|
}
|
|
|
bmap.value.getPanes().labelPane.appendChild(div);
|
|
bmap.value.getPanes().labelPane.appendChild(div);
|
|
@@ -374,14 +378,7 @@ export default {
|
|
|
let data = res.data.result;
|
|
let data = res.data.result;
|
|
|
shipsDataCache.value = data;
|
|
shipsDataCache.value = data;
|
|
|
for (let i of data) {
|
|
for (let i of data) {
|
|
|
- let overlay = cpxOverlay(
|
|
|
|
|
- i.lng,
|
|
|
|
|
- i.lat,
|
|
|
|
|
- i.shipName,
|
|
|
|
|
- i.mmsi,
|
|
|
|
|
- i.cargo,
|
|
|
|
|
- i.tons
|
|
|
|
|
- );
|
|
|
|
|
|
|
+ let overlay = cpxOverlay(i);
|
|
|
shipsOverlayCache.value.push(overlay);
|
|
shipsOverlayCache.value.push(overlay);
|
|
|
bmap.value.addOverlay(overlay);
|
|
bmap.value.addOverlay(overlay);
|
|
|
}
|
|
}
|