在使用Echarts地图组件时,做飞线或散点气泡图,需要转换经纬度格式。(如需转载,请注明来源于漏刻有时数据可视化数据分析研究中心) 一、标准的JSON数据API接口,后端无论是php\python\java都可以,只要生成对应的JSON数据格式即可。
{
"err": "",
"res": "",
"data": [
{
"lineId": "1",
"fromName": "喀什",
"toName": "北京",
"fromLon": "76.051587",
"fromLat": "39.499487",
"toLon": "116.4551",
"toLat": "40.2539",
"lineInfo": "10辆已到,8辆途中",
"avenueData":[{"name":"甘肃","value":[103.817527,36.071767,12]},{"name":"宁夏","value":[106.223638,38.491113,15]}]
},
{
"lineId": "2",
"fromName": "喀什",
"toName": "上海",
"fromLon": "76.051587",
"fromLat": "39.499487",
"toLon": "121.4648",
"toLat": "31.2891",
"lineInfo": "8辆已到,6辆途中",
"avenueData":[]
},
{
"lineId": "3",
"fromName": "喀什",
"toName": "杭州",
"fromLon": "76.051587",
"fromLat": "39.499487",
"toLon": "120.206886",
"toLat": "30.251335",
"lineInfo": "6辆已到,4辆途中",
"avenueData":[]
},
{
"lineId": "4",
"fromName": "喀什",
"toName": "武汉",
"fromLon": "76.051587",
"fromLat": "39.499487",
"toLon": "114.275941",
"toLat": "30.59225",
"lineInfo": "4辆已到,2辆途中",
"avenueData":[]
}
]
}
二、 $.ajax获取JSON数据,并在success: function (result) {}中进行飞线和气泡图格式的处理。
for (var i = 0; i
关注
打赏
最近更新
- 深拷贝和浅拷贝的区别(重点)
- 【Vue】走进Vue框架世界
- 【云服务器】项目部署—搭建网站—vue电商后台管理系统
- 【React介绍】 一文带你深入React
- 【React】React组件实例的三大属性之state,props,refs(你学废了吗)
- 【脚手架VueCLI】从零开始,创建一个VUE项目
- 【React】深入理解React组件生命周期----图文详解(含代码)
- 【React】DOM的Diffing算法是什么?以及DOM中key的作用----经典面试题
- 【React】1_使用React脚手架创建项目步骤--------详解(含项目结构说明)
- 【React】2_如何使用react脚手架写一个简单的页面?