利用node接收到的ip数组组装url后对百度地图api发送请求并返回请求结果数组给前端
1. 前端代码部分(jquery)
重要步骤:
1> 引用百度地图
2> 实例化百度地图,添加相关缩放控件,设置主图
3> 重写http请求,设置contentType并对请求数据作转化为json对象处理
4> 发送请求数据,将请求结果转化成可处理对象
5> 根据响应结果的经纬度进行定位,添加默认覆盖物和iplabel
<script type="text/javascript" src="/UploadFiles/2021-04-02/api">2. 后端代码(nodejs)
步骤:
1> 引入http模块,express模块,body-parser模块
2> 设置允许跨域请求和请求响应的数据类型
3>设置接口请求回调函数
4>请求回调函数中,取到获取的数据并遍历,向百度api发起请求
5>获取到百度的响应数据后push进数组,并对前端请求作出响应
var http = require('http'); var express = require('express'); var app = express(); //实例化 var key = 'OxLYdFmu3YS1haMUcaBmGMBK0P7PbOqb'; //百度api的key var bodyParser = require('body-parser'); // 创建 application/x-www-form-urlencoded 编码解析 // var urlencodedParser = bodyParser.urlencoded({ extended: false }) app.use(bodyParser.json()); //json编码 //设置跨域访问 app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With,Content-Type"); res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE"); res.header("X-Powered-By",' 3.2.1') res.header("Content-Type", "application/json;charset=utf-8"); next(); }); //post请求,url/map app.post('/map',function(req,res){ var ipArr = req.body; var result = Array(); for (var i = 0; i < ipArr.length; i++) { var tree = ''; var options = { hostname: 'api.map.baidu.com', port: 80, path: '/location/ip"&coor=bd09ll&ip=" + ipArr[i], method: 'GET' }; // 向远程服务器端发送请求 var getLocation = http.request(options, function(response){ response.on('data', function(data) { tree += data; result.push(tree); //避免缓存 tree = ''; }); }); getLocation.end(); } //延后发送请求响应 setTimeout(function(){ res.status(200).send(result); }, 500); }) //监听8081接口打印请求域名和端口 var server = app.listen(8081, function () { var host = server.address().address var port = server.address().port console.log("应用实例,访问地址为 http://%s:%s", host, port) })以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
更新日志
2024年09月27日
2024年09月27日
- 证声音乐图书馆《走向自然 疗心爵士乐》[FLAC/分轨][184.94MB]
- 陈慧娴.2018-Priscilla-Ism演唱会3CD(2024环球红馆40复刻系列)【环球】【WAV+CUE】
- 郑秀文.1999-我应该得到(国)【华纳】【WAV+CUE】
- 陈家慧.2011-钢琴酒吧2CD【龙吟唱片】【WAV+CUE】
- 证声音乐图书馆《雨季 蓝调吉他 Rainy Blues》[320K/MP3][45.01MB]
- 证声音乐图书馆《雨季 蓝调吉他 Rainy Blues》[FLAC/分轨][109.13MB]
- 赞多《序章》[320K/MP3][45.54MB]
- 许巍.2004-每一刻都是崭新的【步升大风】【WAV+CUE】
- 群星.2024-四方馆影视原声带【韶愔音乐】【FLAC分轨】
- 陈雷.1997-安锁咧【金圆唱片】【WAV+CUE】
- 关淑怡.2013-MY.FAVORITE.SK.3CD【环球】【WAV+CUE】
- Sweety.2006-花言乔语【丰华】【WAV+CUE】
- 李恕权.2003-回·20年全精选2CD【SONY】【WAV+CUE】
- 赞多《序章》[FLAC/分轨][129.13MB]
- 群星《完美的她 影视原声带》[320K/MP3][51.98MB]