对象数组
对象数组可以直接丢进去当表格数据,无需转换。
比如一个对象数组
const latLng=[{ lat: 116, lon: 34 }, { lat: 116, lon: 35 }]
一个包含经纬度的对象数组,你的表格可能需要展示这两列,直接把他丢进去就行了。
如果是echarts数据的话,往往需要你把里面的数据单独提出来,比如这样,把上面的经度信息单独提出来,放在x/y轴的data或者series的data里面
const data=[34,35]
操作也很简单,定义一个新的数组,遍历数组对象
const data=[]
latLng.forEach(item=>{
data.push(item.lon)
})
这时候,data就是你上面所需要的数据了
GeoJSON
geoJSON的格式一般都是这样,geometry里面是他的空间范围,properties存储着他的一些属性数据,比如geometry存储着北京市的空间范围,properties存储着他的一些属性,如下图
const geojson={
"type": "FeatureCollection",
"features": [{
"type":"Feature",
"properties":{
"city": "北京市",
"province": "北京市"
},
"geometry":{
"type":"Point",
"coordinates":[105.380859375,31.57853542647338]
}
},{
"type":"Feature",
"properties":{
"city": "天津市",
"province": "天津市"
},
"geometry":{
"type":"Point",
"coordinates":[105.380859375,31.57853542647338]
}
}]
}
可以看到啊,他的数据都是放在下面的那个properties里面,我们需要提取这个里面的数据放到表格里面。直接遍历geojson,把里面的properties放到表格数据里面就可以了。
const tableData = []
geojson.features.forEach(item => {
tableData.push(item.properties)
})
放到echarts里面也一样,就和上面的一样处理就好了,当然也可以直接在这个里面处理
const echartsData = []
geojson.features.forEach(item => {
echartsData.push(item.properties.city)
})