https://datav.aliyun.com/portal/school/atlas/area_selector
image.png
主要根据城市id，通过接口动态查询市下县的区块大小和形状信息
getAreaInfo: function (cityName) {
// 设置基本的API URL
// 示范城市id 421100
const code = 421100
const baseUrl = 'https://geo.datav.aliyun.com/areas_v3/bound/geojson'
// 使用Axios发送GET请求，并动态添加查询参数
this.$axios
.get(baseUrl, {
params: {
code: `${code}_full`
}
})
.then(res => {
// 处理API响应数据
this.chartMap(res.data)
// 将响应数据存储到Vue组件的数据中
})
.catch(error => {
// 处理错误
})
},
数据格式返回为这种才能直接用在echart下
image.png
网友评论