echarts地图填入经纬度
时间: 2024-06-20 16:04:17 浏览: 12
ECharts是一款基于JavaScript的数据可视化库,支持多种图表类型,包括地图。要在ECharts中展示地图,需要使用地图组件,并提供地图数据(包括各省、市、区的地理位置数据)和相应的数据值。
填入经纬度需要先确定要展示的地图,然后找到对应地图的GeoJSON数据。GeoJSON是一种表示地理空间信息的JSON格式,其中包含地理位置信息和属性信息。可以使用第三方工具将经纬度转换为GeoJSON格式,或者自己手动编写GeoJSON数据。
在ECharts中,可以使用map属性指定要展示的地图,使用series属性指定图表类型,例如heatmap、scatter等。在series属性中,需要指定坐标系为geo,并指定geo属性中的map为要展示的地图名字。同时,在数据项中,需要指定geoCoord属性为对应地理坐标。
下面是一个简单的例子:
```
option = {
tooltip: {
trigger: 'item'
},
geo: {
map: 'china'
},
series: [{
name: 'example',
type: 'scatter',
coordinateSystem: 'geo',
data: [
{name: '北京', value: [116.46, 39.92]},
{name: '上海', value: [121.48, 31.22]},
{name: '广州', value: [113.23, 23.16]}
]
}]
};
```
以上代码展示了在中国地图上展示三个城市的位置,分别为北京、上海、广州。其中,北京的经纬度为[116.46, 39.92],上海为[121.48, 31.22],广州为[113.23, 23.16]。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)