text: import { Scene, Marker } from '@antv/l7';
  const scene = new Scene({
    id: 'map',
    type: 'amap',
    style: 'light',
    center: [ 105.790327, 36.495636 ],
    pitch: 0,
    zoom: 4
  });
  scene.render();
  scene.on('loaded', () => {
    addMarkers();
  });
  
  function addMarkers() {
    fetch(
      'https://gw.alipayobjects.com/os/basement_prod/67f47049-8787-45fc-acfe-e19924afe032.json'
    )
      .then(res => res.json())
      .then(nodes => {
        for (let i = 0; i < nodes.length; i++) {
          if (nodes[i].g !== '1' || nodes[i].v === '') { continue; }
          const el = document.createElement('label');
          el.className = 'lableclass';
          el.textContent = nodes[i].v + '℃';
          el.style.background = getColor(nodes[i].v);
          el.style.borderColor = getColor(nodes[i].v);
          new Marker({
            element: el
          })
            .setLnglat({ lng: nodes[i].x * 1, lat: nodes[i].y })
            .addTo(scene);
        }
      });
  }
  
  function getColor(v) {
    return v > 50
      ? '#800026'
      : v > 40
        ? '#BD0026'
        : v > 30
          ? '#E31A1C'
          : v > 20
            ? '#FC4E2A'
            : v > 10
              ? '#FD8D3C'
              : v > 5
                ? '#FEB24C'
                : v > 0
                  ? '#FED976'
                  : '#FFEDA0';
  }
  