文檔:https://lbs.amap.com/api/webservice/guide/api/district/#limit
API: https://restapi.amap.com/v3/config/district?subdistrict=4&key=申請的key
key: 注冊后免費獲取
image.png
瀏覽器端訪問
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>行政區(qū)域數(shù)據(jù)</title>
</head>
<body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
var key = '***';
var subdistrict = 2; // 數(shù)據(jù)的層級: 2:省市; 3:省市區(qū) ......
$.get(`https://restapi.amap.com/v3/config/district?subdistrict=${subdistrict}&key=${key}`,
function (data, textStatus, jqXHR) {
console.log(data);
}
);
</script>
</body>
</html>
使用node生成json文件,轉換為自己所需的格式
const axios = require('axios');
const fs = require('fs');
const key = '***';
const subdistrict = 2; // 數(shù)據(jù)的層級: 2:省市; 3:省市區(qū) ......
axios
.get(
`https://restapi.amap.com/v3/config/district?subdistrict=${subdistrict}&key=${key}`
)
.then(function (res) {
console.log(res.data);
if (res.status == 200) {
const data = customData(res.data.districts[0].districts);
const jsonStr = JSON.stringify(data, '', '\t');
fs.writeFile('area.json', jsonStr, function (err) {
if (err) {
return console.error(err);
}
console.log('數(shù)據(jù)寫入成功！');
});
}
})
.catch(function (error) {
console.log(error);
});
function customData(arr) {
let array = [];
get(arr, array);
return array;
function get(districts, children) {
districts.forEach(item => {
children.push({
value: item.adcode,
label: item.name,
});
if (item.districts.length != 0) {
children[children.length - 1].children = [];
get(item.districts, children[children.length - 1].children);
}
});
}
}
