地图3D模型、折线图和表格三者点击联动效果

riku

2024-02-27 7578c3ff65329b2269f099475eb687e963efac1c

 map.util.js

@@ -143,13 +143,7 @@
          if (length > count || index > 0) {
            // 3d图形
            var lnglat = d.lnglats_GD[d.lnglats_GD.length - 1];
            MapUtil.drawMesh2(
              d.lnglats_GD,
              d.coors_GD,
              f.heights,
              f.colors,
              f.bottomColor
            );
            MapUtil.drawMesh2(d, f);
            // MapUtil.drawLine(lnglat)

            // 风向风速
@@ -158,7 +152,7 @@
              windDir = windDir[windDir.length - 1].factorData;
              var windSpeed = d.factor["16"].datas;
              windSpeed = windSpeed[windSpeed.length - 1].factorData;
              MapUtil.drawSector3(lnglat, windDir, windSpeed); 
              MapUtil.drawSector4(lnglat, windDir, windSpeed); 
            }
          }

@@ -202,7 +196,8 @@
  },

  /*******************************动画任务逻辑 -start ******************************/
  start: function () {
  start: function (clear) {
    MapUtil.clearSector3()
    this.frameAnimation.start();
  },
  changeSpeed: function (speed) {
@@ -304,7 +299,17 @@
      var text = new AMap.Text({
        text: time,
        position: lnglat,
        offset: new AMap.Pixel(0, 30),
        offset: new AMap.Pixel(5, 20),
        style: {
          'font-size': '13px',
          'text-align': 'center',
          color: 'black',
          'background-color': 'white',
          // 'text-shadow': 'black 2px 2px 2px',
          'border-radius': '2px',
          border: '0px',
          padding: '0 4px',
        },
      });
      MapUtil._map.add(text);
      this.moveViews["text"] = text;