用的是http://echarts.baidu.com/gallery/editor.html?c=effectScatter-map上的源码,在本地运行时开始只在中间显示南海诸岛的缩略图,然后缩放移动后可以看到各个城市的散点,但是看不到地图?

1 收藏


直接登录
最新评论
  • 成融融融融融 程序猿猿猿 2016/01/27

    已解决
    echarts3不再内置地图,需要手动引入地图js或json
    比如china.js

  • yj-init   2016/03/23

    echarts3不再内置地图,需要手动引入地图js或json

    如:
    var mapurl = “api/geojson/” + scope.mapname + “.json”;
    $.get(mapurl, function (geoJson) {
    echarts.registerMap(scope.mapname, geoJson);

    option.backgroundColor = ‘#FFFFF’,
    option.color = [‘#8FC7EC’],
    option.title = {
    text: ”,
    subtext: ”,
    left: ‘center’,
    textStyle : {
    color: ‘#fff’
    }
    },
    option.tooltip = {
    trigger: ‘item’
    },
    option.legend = {
    orient: ‘vertical’,
    top: ‘bottom’,
    left: ‘right’,
    data:[‘北京 Top10’, ‘上海 Top10’],
    textStyle: {
    color: ‘#000000’
    }
    //selectedMode: ”
    },
    option.dataRange = {
    min : 0,
    max : 100,
    precision : 0,
    calculable : true,
    color : [ ‘#6D929B’,’#B5C334′,’#FCCE10′,’#E87C25′,’#27727B’],
    textStyle : {
    color : ‘#1b1b1b’
    }
    },
    option.geo = {
    map: scope.mapname,
    label: {
    emphasis: {
    show: false
    }
    },
    roam: true,
    itemStyle: {
    normal: {
    areaColor: ‘#8FC7EC’,
    borderColor: ‘#fff’
    },
    emphasis: {
    areaColor: ‘#397372’
    }
    }
    }

    option.series = data.series;
    option.ipmap = data.ipmap;

    myChart.setOption(option);
    myChart.on(‘click’, eConsole);

    });

  • 傻大个   2016/04/06

    echarts3不支持内置地图,引入官网上的js或json文件就好

  • 我也遇到相同的问题还没解决,但是我引了地图的js了还是不行