echarts 世界地图标点_Echarts自定义实现标点地图

本文介绍如何在Echarts中实现自定义的世界地图标点,通过格式化数据和注册地图,结合Echarts提供的scatter类型图表展示标点,并提供了一个包含中国地图的示例代码。
摘要由CSDN通过智能技术生成

82020576eceda925e6426ea75f7789b4.gif

发表于2021-1-16 16:30

悬赏1

未解决

楼主

请问如何修改下面的脚本能够实现Echarts自定义的标点地图(这段代码的option部分加上格式化出来的数据res能够在Echarts上能够运行出来正确标点地图,只不过是中国地图)

//区域名称及值

var  captions = '';

var  values='';

captions = eval(captions);

values=eval(values);

//存放点击事件

var  dqCell='GRID1.A1'

var  clickStrMap={};

var  dq='';

var  biaodian='';

//地图副标题

var  titleShow=true;

var secondTitle='我是地图副标题';

//注册地图

if(!dq){

dq='黔东南';

biaodiandq="biaodian";

}

var pathurl =EUI.getContextPath() + 'vfs/root/mapjson/'+dq+'.json';//地图json

var datas= EUI.QueryObj.create(pathurl);

var geoJson= datas.getResponseJSON();

console.log(dq,"geoJson:",geoJson);

echartsesen.registerMap(dq,geoJson);

var biaodianpathurl =EUI.getContextPath() + 'vfs/root/mapjson/'+biaodiandq+'.txt';//标点的经纬度信息

var biaodiandatas= EUI.QueryObj.create(biaodianpathurl);

var biaodiangeoJson= biaodiandatas.getResponseJSON();

console.log(biaodiandq,"biaodiangeoJson:",biaodiangeoJson);

//格式化地图数据

function  formatData(captions,values){

var  dataArray=new Array();

console.log("captio

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值