gis风场加载_sakitam-gis-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_42038997/article/details/145553166

json数据格式使用v1 “@sakitam-gis/mapbox-wind”: “1.1.2”

import { WindLayer } from "@sakitam-gis/mapbox-wind";
windLayer = new WindLayer("wind", res.data, {
    windOptions: {
      // colorScale: (m) => {
      //   // console.log(m);
      //   return '#fff';
      // },
      // colorScale: [
      //   "rgb(36,104, 180)",
      //   "rgb(60,157, 194)",
      //   "rgb(128,205,193 )",
      //   "rgb(151,218,168 )",
      //   "rgb(198,231,181)",
      //   "rgb(238,247,217)",
      //   "rgb(255,238,159)",
      //   "rgb(252,217,125)",
      //   "rgb(255,182,100)",
      //   "rgb(252,150,75)",
      //   "rgb(250,112,52)",
      //   "rgb(245,64,32)",
      //   "rgb(237,45,28)",
      //   "rgb(220,24,32)",
      //   "rgb(180,0,35)"
      // ],
      // velocityScale: 1 / 20,
      // paths: 5000,
      frameRate: 16,
      maxAge: 60,
      globalAlpha: 0.95,
      velocityScale: 0.01,
      // paths: 10000,
      paths: 1000,
    },
  });

  // 清除图层
  if (windLayer) {
    await windLayer?.remove();

    if (map.getLayer("wind")) {
      await map.removeLayer("wind");
    }

    windLayer = null;
  }