调整网格文本样式

riku

2025-01-03 68ba3376731aa7a5760ba5fce1dc6ba0c80982b4

 src/views/satellitetelemetry/SatelliteProxy.js

@@ -24,6 +24,7 @@
  // 绘制网格
  const points = gridInfo.map((v) => {
    return calculate.wgs84_To_Gcj02(v.longitude, v.latitude);
    // return [v.longitude, v.latitude]
  });
  const gridPoints = gridMapUtil.parseGridPoint(points);
  const gridViews = gridMapUtil.drawPolylines(gridPoints);
@@ -31,33 +32,41 @@
}

// 绘制监测数据值
function drawDataText(points, gridData, textViews) {
function drawDataText(points, gridData, textViews, labelsLayer) {
  const data = gridData.map((v, i) => {
    return {
      lnglat_GD: points[i],
      data: v.pm25
      // data: v.pm25 ? (v.pm25 + 'μg/m³') : ''
      data: v.pm25 ? v.pm25 : ''
    };
  });
  return gridMapUtil.drawGridText(data, textViews);
  // return gridMapUtil.drawGridTextLabel(data, textViews, labelsLayer, 'bottom');
  return gridMapUtil.drawGridText(data, textViews, 'top-center');
}

// 绘制监测数据排名文本
function drawRankText(points, gridData) {
function drawRankText(points, gridData, textViews, labelsLayer) {
  const data = gridData.map((v, i) => {
    return {
      lnglat_GD: points[i],
      data: v.rank
      // data: v.pm25 ? ('排名: ' + v.rank) : ''
      data: v.pm25 ? v.rank : ''
    };
  });
  return gridMapUtil.drawGridText(data);
  // return gridMapUtil.drawGridTextLabel(data, textViews, labelsLayer, 'top');
  return gridMapUtil.drawGridText(data, textViews, 'bottom-center');
}

// 绘制监测数据值对应网格颜色
function drawColor(gridViews, gridData) {
function drawColor(gridViews, gridData, customColor) {
  const pm25Data = gridData.map((v) => {
    return v.pm25;
  });
  gridMapUtil.drawGridColor(gridViews, pm25Data, 'PM25');
  if (customColor) {
    gridMapUtil.drawGridColorCustom(gridViews, pm25Data);
  } else {
    gridMapUtil.drawGridColor(gridViews, pm25Data, 'PM25');
  }
}

export default {