实现步骤
1、 查询接口
网站上这种类型的接口还不少,笔者直接找了百度地图的接口做,接口文档,调用的API是Geocoding API中的地理编码服务
http://api.map.baidu.com/geocoder/v2/?ak=E4805d16520de693a3fe707cdc962045&callback=renderOption&output=json&address=百度大厦&city=北京市
这里面需要一个ak参数,这个参数就是用户创建应用时生成的一串字符串,需要在请求数据的时候调用。
[注意]
创建的应用为服务端类型
创建应用有两种校验方式供选择,你可以选择使用IP白名单校验,也可以选择使用sn做校验,两者不同点在于IP需要提前设定好你请求时候的IP地址,如果你不想提前设定死IP地址,也可以选择sn校验,这是利用md5作为加密算法的校验方式。 笔者一开始选择sn做校验,但是调用crypto生成md5签名一直校验不过,只能改用ip白名单作为校验
2、nodejs进行查询
有了供调用的接口,我们就可以写个小脚本去请求数据,我们需要三个依赖,分别是express、superagent、eventproxy express是一个轻量级的web应用
superagent是一个爬虫经常用的库,可以模拟各种请求
eventproxy是一个并发控制器
* 简单查询
var sk = 'yoursk' // 创建应用的sk,address = '北京市'
;
superagent.get('http://api.map.baidu.com/geocoder/v2/')
.query({address: address})
.query({output: 'json'})
.query({ak: sk})
.end(function(err,sres) {
if (err) {
console.log('err:',err);
return;
}
res.send(sres.text);
})
})
然后打开浏览器访问:http://localhost:8888/one
当你能看到这些信息的时候 ,说明接口成功了,如果status不为0的时候,请参考返回码状态表
为什么要专门开个服务器才能去请求呢,因为我们创建的应用是服务端,我们需要建一个服务器才能去请求。
* 批量查询
好了,一个城市可以查询了,接下来我们要进行多个城市的查询,我们使用eventproxy做并发控制,你可以把它看做一个计数器,你可以命令它监听某个事件,并在n次后执行对应的函数。
关键代码如下:
打开浏览器访问:http://localhost:8888/many
好了,批量查询也没有问题了,接下来我们要用nodejs去读取后台工程师丢给我的excel文件
3、nodejs读写文件
这次我们需要多两个依赖,一个nodejs内置的fs模块,一个用来读写excel的库node-xlsx
将要城市的excel文件丢到根目录下,另起一个脚本xls2js.js:
再调用fs.writeFile将提取出来的城市写入,代码如下:
打开static/address.json文件,会看到如下格式的文本:
4、综合步骤2、3实现一个读取本地城市文件、批量查询、写入新的文件的接口
fs.readFile(file_path,function(err,data) {
if (err) {
console.log('读取文件失败',err);
return;
}
file_data = JSON.parse(data);
addresses = file_data.cities_name;
ep.after('getLocation',function(locations) {
var file_data = {};
locations.forEach(function(e,i) {
file_data[e.address.split(',')[1]] = [e['location']['lng'],e['location']['lat']];
})
fs.writeFile(file_path_towrite,JSON.stringify(file_data),function(err) {
if (err)
console.log('写入数据失败',err);
else
console.log('<a href="https://www.jb51.cc/tag/huoqu/" target="_blank" class="keywords">获取</a>数据并写入<a href="https://www.jb51.cc/tag/wenjian/" target="_blank" class="keywords">文件</a>成功');
res.send(file_data);
})
})
addresses.forEach(function(e,i) {
superagent.get('http://api.map.baidu.com/geocoder/v2/')
.query({address: e.split(',').join(' ')})
.query({city: e.split(',')[1]})
.query({output: 'json'})
.query({ak: sk})
.end(function(err,sres) {
var location,res_json
;
res_json = JSON.parse(sres.text);
if (res_json.status == 0) {
location = res_json.result && res_json.result.location || '';
} else {
location = {"lng":0,"lat":0};
}
ep.emit('getLocation',location: location})
})
})
});
})
5、实现一个网页,可以进行输入地理位置来进行地理位置的批量查询
这些就是前端的事情了,怎么好看怎么写