echarts地图标注打点
时间: 2023-09-22 11:13:20 浏览: 152
echarts 地图上如何打点
5星 · 资源好评率100%
要在 ECharts 地图上标注打点,你可以使用 `scatter` 系列来实现。下面是一个示例代码:
```javascript
option = {
// ... 其他配置项
series: [
{
type: 'scatter',
coordinateSystem: 'geo', // 使用地理坐标系
data: [
{name: '北京', value: [116.46, 39.92]}, // 标注北京的坐标
{name: '上海', value: [121.48, 31.22]}, // 标注上海的坐标
// 其他城市...
],
symbolSize: 10, // 标记的大小
itemStyle: {
color: '#f00' // 标记的颜色
}
}
]
};
```
你可以根据自己的需求修改 `data` 数组中的城市名称和对应的经纬度坐标。此外,你还可以调整 `symbolSize` 和 `itemStyle` 中的属性来改变标记的大小和颜色。
请注意,在使用地理坐标系时,你需要引入相关的地图文件并进行配置,以确保地图显示正确。例如:
```javascript
option = {
// ... 其他配置项
geo: {
map: 'china' // 引入中国地图
},
series: [
// ...
]
};
```
希望这个示例能帮到你!如有任何疑问,请随时提问。
阅读全文