请教一个关于echarts地图扩展的问题,不甚感激

lans者 发布于 2014/08/06 09:58
阅读 1K+
收藏 0

@Kener-林峰 你好,想跟你请教个问题:

我在没有引入esl.js文件的情况下,用echarts-plain-original-map-new.js实现自定义svg地图的引入,本来炫光效果是没有问题的,但是在加入的data数组里面的数字超过18个时,炫光效果就无效了,地图也无法加载进入。我是用

一下代码echarts.util.mapData.params.params.WHKJ = {
        getGeoJson: function (callback) {
            $.ajax({
                url: "../../img/university/svg-wuhankejidaxue.svg",
                dataType: 'xml',
                success: function(xml) {
                    kener = xml;
                    callback(xml);
                }
            });
        }
    }  ;引入地图的;

我的option是这样的:

option = {
        backgroundColor: '#01090f',
        
        color: ['orange'],
    
        legend: {
        orient: 'vertical',
        x:'left',
        y:'50',
        data:[],
        textStyle : {
            color: '#fff'
        }
    },
        
    title : {
          
            sublink: 'http://www.baidu.com',
            textStyle:{
                        fontSize: 18, 
                        fontWeight: 'bolder', 
                        color: 'white'
                        }
        },
         itemStyle:{
                normal:{
                    borderColor:'rgba(100,149,237,1)',
                    borderWidth:1.5,
                    areaStyle:{
                        color: '#1b1b1b'
                    }
                }
            },
        roam:true,
        textStyle : {
            color: 'white',
            fontFamily:"微软雅黑"
        },
        series : [
         { 
            mapLocation: {x:'35%',y:'60'},
            scaleLimit:{max:3, min:0.5},
            itemStyle:{
                normal:{borderColor: "rgba(100,149,237,1)",borderWidth: 0.5,areaStyle: {color: "#01090f"},label:{show:true}},
                emphasis:{label:{show:true}}
            },
            hoverable:false,
            name: "1~10",type: "map",mapType: "WHKJ",roam:true,data: [],
            markPoint: { 
//                symbolSize : function (v){
//                    return 3 + v/10;
//                },
             symbol:'emptyCircle',
                  symbolSize : 20,
                  effect : {
                      show: true,
                      color: 'lime'
                  },
                itemStyle:{
                    normal:{
                    color:"#f00",
                        label:{show:false}
                    }
                },
                data: [
{name: '开球点1', value: 100, geoCoord:[425.126, 296.913]},
{name: '开球点2', value: 100, geoCoord:[425.126, 296.913]},
{name: '开球点3', value: 100, geoCoord:[425.126, 296.913]},
{name: '开球点4', value: 100, geoCoord:[425.126, 296.913]},
{name: '开球点5', value: 100, geoCoord:[425.126, 296.913]},
{name: '开球点', value: 100, geoCoord:[425.126, 296.913]},
{name: '开球点', value: 100, geoCoord:[425.126, 296.913]},
{name: '开球点', value: 100, geoCoord:[525.126, 296.913]},
{name: '开球点', value: 100, geoCoord:[525.126, 296.913]},
{name: '开球点', value: 100, geoCoord:[525.126, 296.913]},
{name: '开球点', value: 100, geoCoord:[525.126, 296.913]},
{name: '开球点', value: 100, geoCoord:[425.126, 296.913]},
{name: '开球点', value: 100, geoCoord:[425.126, 296.913]},
{name: '开球点', value: 100, geoCoord:[525.126, 296.913]},
{name: '开球点', value: 100, geoCoord:[425.126, 296.913]},
{name: '开球点', value: 100, geoCoord:[425.126, 296.913]},
{name: '开球点', value: 100, geoCoord:[425.126, 296.913]}
                       ]
                }
             },
             { 
                 name: "1~10",type: "map",mapType: "WHKJ",roam:true,data: [],
                 markPoint: { 
//                     symbolSize : function (v){
//                         return 3 + v/10;
//                     },
                   symbol:'emptyCircle',
                       symbolSize : 20,
                       effect : {
                           show: false,
                           color: 'lime'
                       },
                     itemStyle:{
                         normal:{
                          color:"#f00",
                             label:{show:false}
                         }
                     },
                     data: [
                            {name: '开球点', value: 100, geoCoord:[425.126, 296.913]},
                            {name: '开球点', value: 100, geoCoord:[525.126, 296.913]}
                            ]
                     }
                  },
            {
                 name:"area",
                 type: "map",
                 mapType: "WHKJ",
                 data:[],
                      markPoint : {
                    itemStyle : {
                        normal:{
                            color:'black'
                        }
                    },
                    data : [
                    ]
                },
                geoCoord: {
                }
            }
        ]
    };

在插入的值超过18个后,炫光就消失了,也无法加载地图了,

加载中
0
Kener-林峰
Kener-林峰

没这个限制,我也测过可以支持很多的

0
b
bruce_yuan2007
应该是你的代码 有错....仔细 睁大眼睛 看看....
返回顶部
顶部