开发者社区> 问答> 正文

请教一个关于echarts地图扩展的问题,不甚感激 : 配置报错 

@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个后,炫光就消失了,也无法加载地图了,

展开
收起
kun坤 2020-06-03 16:15:16 559 0
1 条回答
写回答
取消 提交回答
  • 没这个限制,我也测过可以支持很多的
    ######应该是你的代码 有错....仔细 睁大眼睛 看看....

    2020-06-04 10:55:04
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
如何高效的制作主机次时代游戏——高效游戏制作流程 立即下载
Redis开发实操之春运迁徙页面 立即下载
函数计算最佳实践:快速开发一个分布式 Puppeteer 网页截图服务 立即下载