跨域请求(使用jsonp实现跨域请求)百度地图api证逆地址解析获取周边信息(pois)
新手程序员,新手博客,如果那里写的不好,还请大神们补充,指错
最近项目里面需要做一个电子围栏的功能,我这边做的就是需要把商户的地址的经纬度存进数据库,本来这些从百度地图API里面有Demo可以看,但是我是访问的百度地图的可以获取经纬度以及根据经纬度进行周边检索的地址,因为我是内网,所以我是用的jsonp跨域请求,如果你的环境可以直接访问外网,就用原生的AJAX请求那两个地址就可以,然后对获取到的结果做处理
http://lbsyun.baidu.com/jsdemo.htm#a1_2这个地址是百度地图API
//根据输入地址获取周边建筑
function searchAddressList(){
var lat='';
var lng='';
var address= $J.getbyName("shopAttr").getValue();
$.ajax({
//根据输入的地址进行地址解析(解析出来输入的地址的经纬度)
url: 'http://api.map.baidu.com/geocoder/v2/?address=北京市海淀区上地十街10号&output=json&ak=您的ak ',
type: 'GET',
async:false,//设置同步。ajax默认异步
dataType: 'jsonp',
jsonp:'callback',//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)
jsonpCallback:"callback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
timeout: 5000,
contentType: 'application/json; charset=utf-8',
success: function (result) {
if(result.result.location.lat!=null&&result.result.location.lat!="" && result.result.location.lng!=null&& result.result.location.lng!=""){
lat=result.result.location.lat;
lng=result.result.location.lng;
}else{
$J.alert("获取不到该地址的经纬度,请输入准确的省市区街道!");
return;
}
$.ajax({
//解析出来输入的地址的经纬度在做周边pois查询(百度地图逆地址解析)
url: 'http://api.map.baidu.com/geocoder/v2/?callback=renderReverse&location=39.934,116.329&output=json&pois=1',
type: 'GET',
async:false,
dataType: 'jsonp',
jsonp:'callback',//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)
jsonpCallback:"callback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
timeout: 5000,
contentType: 'application/json; charset=utf-8',
success: function (result) {
if(result.result.pois.length!=0){
for(var i=0;i<result.result.pois.length;++i){
result.result.pois[i].text =result.result.pois[i].name;
result.result.pois[i].id =result.result.pois[i].name;
}
$J.getbyName("buildingName").setData(result.result.pois);
$J.getbyName("buildingName").setValue(result.result.pois[0].id);
$J.getbyName("specificAddress").setValue(result.result.pois[0].addr);
$J.getbyName("xy").setValue(result.result.pois[0].point.x+","+result.result.pois[0].point.y);
}else{
$J.alert("无周边相关信息!请输入准确的省市区街道信息!");
}
},
});
}
});
}
跨域请求(使用jsonp实现跨域请求)百度地图api证逆地址解析获取周边信息(pois)相关推荐
- 百度地图api 跨域
百度地图调用参考:逆地理编码 rgc 反geo检索 | 百度地图API SDK axios ,jsonp 参考:使用VUE的axios解决调用百度地图api的跨域访问问题_樱小诺的博客-CSDN博客 ...
- React + fetch API + 百度地图api + 跨域 填坑
做项目遇到一个百度地图api 的跨域问题.由于使用fetch ,在调用类似 http://api.map.baidu.com/geocoder/v2/callback=renderReverse&am ...
- 百度地图API跨域问题解决
/*看重点的在最后一行*/ -------------------------------------------- 最近项目需求使用一个地图插件mapbox,界面挺好看的,可应用在web端和客户端. ...
- 《十四》微信小程序中的常用 API之登录、获取用户信息、支付、提现、跳转小程序、网络请求、弹框、导航、数据缓存、图片、查看文档、音频、拨打电话、剪贴板、滚动、WXML
微信小程序提供了 wx 这个全局变量,通过这个全局变量可以调用微信小程序的 API. 登录: wx.login():获取登录凭证 code.通过登录凭证 code 进而换取用户登录态信息,包括用户在当 ...
- Ajax请求利用jsonp实现跨域
跨域: js有一个同源限制,简单说来源不一样的话就无法相互间交互.那么怎么算来源不一样呢, 举个例子:浏览器访问-->服务器A--->得到页面A---页面A中的js脚本只能访问服务器A的资 ...
- PHP的介绍及应用,ajax的介绍及应用,跨域问题及jsonp解决方法
PHP(服务器编程语言) 服务器由环境(Apache),数据库(mysql),代码(HTML+css +js,php)组成. PHP必须在服务器的环境下执行 php与js最大的区别就是工作环境,PHP ...
- 【网络安全】浅析跨域原理及如何实现跨域
前言 我们在解决一个问题的时候应该先去了解这个问题是如何产生的,为什么会有跨域的存在呢?其实,最终的罪魁祸首都是浏览器的同源策略,浏览器的同源策略限制我们只能在相同的协议.IP地址.端口号相同,如果有 ...
- js-web跨域实现百度地图普通ip定位
希望实现的功能:进入页面利用IP自动获取用户当前位置 使用工具:百度地图API-普通IP定位API·web服务API 普通IP定位API官网文档 使用百度IP定位功能,需要3步骤: 第一步,申请密钥( ...
- C#的百度地图开发(一)发起HTTP请求
C#的百度地图开发(一)发起HTTP请求 原文:C#的百度地图开发(一)发起HTTP请求 百度地图的开发文档中给出了很多的事例,而当用到具体的语言来开发时,又会有些差异.我是使用C#来开发的.在获取相 ...
最新文章
- 031 广播变量与累加器
- ON_MESSAGE,ON_COMMAND和ON_NOTIFY的区别和联系
- 52.4. APC Cache (php-apc - APC (Alternative PHP Cache) module for PHP 5)
- Python基础学习总结__Day3
- Python数据类型--字典
- Android开发 - ImageView加载Base64编码的图片
- SPF,DSPF,RDPF,SPEF and SBPF.
- 3.1. 一元、多元逻辑回归、tensorflow2实现——python实战
- JavaEE学习05--cookiesession
- Grafana+Telegraf+Influxdb监控Tomcat集群方案
- oracle19c报价_Oracle 19c下载
- 20种水彩画笔效果PS笔刷
- 【MySQL练习案例】
- 火龙果的全球与中国市场2022-2028年:技术、参与者、趋势、市场规模及占有率研究报告
- 优麒麟系统安装MySQL_优麒麟Linux(Ubuntu Kylin)简易安装手册
- 硕士论文各章节的篇幅多少比较合适
- 读书笔记-Iass、Pass、SasS 、DaaS
- 设计师找灵感,就上这5个网站~
- java斗图表情_Java爬取斗图网站的所有表情包
- 手机空间不足?教你2招省5G空间