[echarts]改hang州热门步行路线 - 百度地图

app.title = '杭州热门步行路线 - 百度地图';

$.get('data/asset/data/hangzhou-tracks.json', function(data) {
    var lines = data.map(function (track) {
        return {
            coords: track.map(function (seg, idx) {
                return seg.coord;
            })
        };
    });
    
    data = [
    [
        {
            "coord": [
                116.15322240845,
                24.259064370321
            ],
            "elevation": 21
        },
        {
            "coord": [
                116.14280555506,
                24.25433761213
            ],
            "elevation": 5
        },
        {
            "coord": [
                116.10280555506,
                24.25233761213
            ],
            "elevation": 5
        },
        {
            "coord": [
                116.09280555506,
                24.2433761213
            ],
            "elevation": 5
        }
    ]
];

		lines = data.map(function (track) {
			return {
				coords: track.map(function (seg, idx) {
					return seg.coord;
				})
			};
		});
		
    myChart.setOption(option = {
        bmap: {
            center: [116.13066322374, 24.240018034923],
            zoom: 13,
            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': {
                        'color': '#999999'
                    }
                }]
            }
        },
        series: [{
            type: 'lines',
            coordinateSystem: 'bmap',
            data: lines,
            polyline: true,
            lineStyle: {
                normal: {
                    // color: 'purple',
                    // opacity: 0.6,
                    // width: 1
                    color: 'red',
                    opacity: 0.6,
                    width: 2
                }
            }
        }]
    });
});

转载于:https://my.oschina.net/u/2464371/blog/3097902