echarts地图如何描边
时间: 2023-11-23 10:56:03 浏览: 171
百度地图经纬度描点 geojson(Echarts地图边界线)
4星 · 用户满意度95%
以下是使用Echarts为地图添加边框的方法:
1.首先找到对应的JSON文件,可以参考这个网站(http://datav.aliyun.com/tools/atlas/index.html#&lat=40.713955826286046&lng=80.61767578124999&zoom=5)。
2.在JSON文件中找到对应的区域,添加borderColor属性,例如:
```json
{
"type": "Feature",
"id": "CN.110000",
"properties": {
"name": "北京市",
"cp": [116.405285, 39.904989],
"childNum": 16
},
"geometry": {
"type": "Polygon",
"coordinates": [
[
[116.22004000000012, 40.07681000000003],
[116.23367000000014, 40.07407000000009],
[116.24668000000004, 40.06931000000008],
...
]
]
},
"borderColor": "#000" // 添加borderColor属性
}
```
3.在Echarts中设置地图的边框样式,例如:
```javascript
option = {
series: [{
type: 'map',
map: 'china',
itemStyle: {
borderColor: '#000', // 设置边框颜色
borderWidth: 1 // 设置边框宽度
},
data: [
{name: '北京', value: 199},
{name: '天津', value: 42},
...
]
}]
};
```
阅读全文