public/examples/ts/gl/map3d-wood-map-on-mapbox.js

/*
title: 木质地图 on mapbox
category: map3D
titleCN: 木质地图 on mapbox
*/

mapboxgl.accessToken = mapboxglToken;

$.getJSON(ROOT_PATH + '/data-gl/asset/data/alcohol.json', function (data) {
  var regionData = data.map(function (item) {
    return {
      name: item[0],
      height: item[1] + 1
    };
  });
  option = {
    mapbox: {
      zoom: 2,
      center: [0, 0],
      style: 'mapbox://styles/mapbox/light-v9',
      postEffect: {
        enable: true,
        SSAO: {
          enable: true,
          radius: 5,
          intensity: 1.5,
          quality: 'high'
        }
      },
      altitudeScale: 1e5,
      light: {
        main: {
          intensity: 2,
          shadow: true,
          shadowQuality: 'high'
        },
        ambient: {
          intensity: 0
        },
        ambientCubemap: {
          diffuseIntensity: 1,
          specularIntensity: 1,
          exposure: 2,
          texture: ROOT_PATH + '/data-gl/asset/canyon.hdr'
        }
      }
    },
    series: [
      {
        type: 'map3D',
        map: 'world',
        coordinateSystem: 'mapbox',
        shading: 'realistic',
        silent: true,
        itemStyle: {
          areaColor: '#fff'
        },
        realisticMaterial: {
          roughness:
            ROOT_PATH + '/asset/get/s/data-1497191796671-B16_H05G-.png',
          normalTexture:
            ROOT_PATH + '/asset/get/s/data-1497191771850-rJ4DrAqf-.jpg',
          detailTexture:
            ROOT_PATH + '/asset/get/s/data-1497191756633-SJr8HRqzW.jpg',
          textureTiling: [4, 4]
        },
        data: regionData
      }
    ]
  };

  myChart.setOption(option);
});