百度地图+echartsecharts 配置项内容和展示

      
import * as echarts from 'echarts';

var ROOT_PATH =
  'https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples';

var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option;
$.get(ROOT_PATH + "/data/asset/data/hangzhou-tracks.json", function (data) {
  const lines = data.map(function (track) {
    return {
      coords: track.map(function (seg, idx) {
        return seg.coord;
      })
    };
  });
  myChart.setOption(
    (option = {
      bmap: {
        center: [120.13066322374, 30.240018034923],
        zoom: 1,
        roam: true,
        mapStyle: {
          styleJson:[{
    "featureType": "water",
    "elementType": "all",
    "stylers": {
        "color": "#d1d1d1"
    }
}, {
    "featureType": "land",
    "elementType": "all",
    "stylers": {
        "color": "#f3f3f3"
    }
}, {
    "featureType": "railway",
    "elementType": "all",
    "stylers": {
        "visibility": "off"
    }
}, {
    "featureType": "highway",
    "elementType": "all",
    "stylers": {
        "color": "#fdfdfd"
    }
}, {
    "featureType": "highway",
    "elementType": "labels",
    "stylers": {
        "visibility": "off"
    }
}, {
    "featureType": "arterial",
    "elementType": "geometry",
    "stylers": {
        "color": "#fefefe"
    }
}, {
    "featureType": "arterial",
    "elementType": "geometry.fill",
    "stylers": {
        "color": "#fefefe"
    }
}, {
    "featureType": "poi",
    "elementType": "all",
    "stylers": {
        "visibility": "off"
    }
}, {
    "featureType": "green",
    "elementType": "all",
    "stylers": {
        "visibility": "off"
    }
}, {
    "featureType": "subway",
    "elementType": "all",
    "stylers": {
        "visibility": "off"
    }
}, {
    "featureType": "manmade",
    "elementType": "all",
    "stylers": {
        "color": "#d1d1d1"
    }
}, {
    "featureType": "local",
    "elementType": "all",
    "stylers": {
        "color": "#d1d1d1"
    }
}, {
    "featureType": "arterial",
    "elementType": "labels",
    "stylers": {
        "visibility": "off"
    }
}, {
    "featureType": "boundary",
    "elementType": "all",
    "stylers": {
        "color": "#fefefe"
    }
}, {
    "featureType": "building",
    "elementType": "all",
    "stylers": {
        "color": "#d1d1d1"
    }
},{
    "featureType": "label",
    "elementType": "labels.text.fill",
    "stylers": {
        "visibility": "off"
    }
}]
        }
      },
      series: [
        {
          type: "lines",
          coordinateSystem: "bmap",
          data: lines,
          polyline: true,
          lineStyle: {
            color: "purple",
            opacity: 0.6,
            width: 1
          }
        }
      ]
    })
  );
});