地图开发实战案例:高德地图loca API 文字LabelsLayer效果

html代码

javascript代码

  var map = new AMap.Map('container', {
        mapStyle: 'amap://styles/dark',
        zoom: 5,
        pitch: 0,
        center: [104.090834, 31.270677],
        features: ['bg', 'road'],
        viewMode: '3D'
    });

    var layer = new Loca.LabelsLayer({
        fitView: true,
        map: map,
        collision: true
    });

    $.get('json/trafficjam_lnglat.csv', function (datas) {
        layer.setData(datas, {
            type: 'csv',
            /*lnglat: function (o) {
             return dist[o.value['地区']]
             },*/
            lnglat: 'lnglat'
        }).setOptions({
            style: {
                direction: 'center',
                offset: [0, 0],
                text: function (data) {
                    return data.value['city'] + ' ' + data.value['mom'];
                },
                fillColor: function (data) {
                    var income = +data.value['mom'].slice(0, -1);
                    return income