前言：
 
写本篇文章是为连续调用web api 的应用说明。
 
连续请求在很多App中都经常会被使用，例如通过定位获得当前定位城市的天气预报，我们首先要通过Android为我们提供的Api调用GPS获得我们当前的经纬度，然后将经纬度转换成具体的城市名称，再将城市名称传入获取天气预报的请求中。
 
附上百度web 接口说明
 
使用百度的对外开放的web api
 
百度地图Web服务API为开发者提供http接口，即开发者通过http形式发起检索请求，获取返回json或xml格式的检索数据。用户可以基于此开发JavaScript、C#、C++、Java等语言的地图应用。
 
在此使用到了百度的Geocoding Api
 
百度web Geocoding API
 
Geocoding API 是一类接口，用于提供从地址到经纬度坐标或者从经纬度坐标到地址的转换服务，用户可以使用C# 、C++、Java等开发语言发送请求且接收JSON、XML的返回数据。
 

 
image.png
 
返回结果：{“status”:102,”message”:”MCODE参数不存在，mobile类型mcode参数必需”}
 

 
image.png
 
原因是必须传入mcode。 mcode参数就是安全码，SHA1+包名
 

 
image.png
 

 
image.png
 
前面的web api 放回的数据太复杂，后来有发现了这个api
 

 
image.png
 

 
image.png
 

 
image.png
 

 
image.png
 
碰到的其他问题
 
在apk中调用发现错误(浏览器中调用正常)
 
{"status":220,"message":"APP Referer校验失败"}
 
我在android apk中调用百度的web api老是报错
 
错误内容是：{"status":220,"message":"APP Referer校验失败"}
 
在pc浏览器中调用正常；在手机浏览器中调用也正常，就是在android 的app中调用老师报错，求解答
 
网友解答
 
只有该白名单中的网站才能成功发起调用
 
格式：.mysite.com,myapp.com 多个域名之间请用英文半角逗号隔开
 
如果不想对任何域名做限制，设置为英文半角星号*
 
新申请的Mobile类型的ak与新申请的Browser类型的ak不再支持云存储接口的访问，如要使用云存储，请申请server类型ak
 
结果无论申请服务类型还是browser 类型都报错
 
{"status":240,"message":"APP 服务被禁用"}
 
参考

在做一个小项目时，使用到百度地图定位功能，在获取到当前经纬度之后，需要获取当前的位置信息和当前城市。通过API可以看到提供了两个方法来获取。在位置改变的回调函数中调用
 
 public class MyLocationListener implements BDLocationListener {

        @Override
        public void onReceiveLocation(BDLocation location) {
            //Receive Location
            //经纬度
            double lati = location.getLatitude();
            double longa = location.getLongitude();
            //打印出当前位置
            Log.i("TAG", "location.getAddrStr()=" + location.getAddrStr());
            //打印出当前城市
            Log.i("TAG", "location.getCity()=" + location.getCity());
            //返回码
            int i = location.getLocType();
        }
    }
 
这个时候发现调用了获取位置与获取城市名的函数，但是打印出来一直为null。这是因为在配置定位设置时，少了一步，默认是不开启获取当前位置的。 
 只需要把这个函数设置为true即可。
 
 private void initLocation() {
        LocationClientOption option = new LocationClientOption();
        //就是这个方法设置为true，才能获取当前的位置信息
        option.setIsNeedAddress(true);
        option.setOpenGps(true);
        option.setLocationMode(LocationClientOption.LocationMode.Hight_Accuracy
        );//可选，默认高精度，设置定位模式，高精度，低功耗，仅设备
        option.setCoorType("gcj02");//可选，默认gcj02，设置返回的定位结果坐标系
        //int span = 1000;
        //option.setScanSpan(span);//可选，默认0，即仅定位一次，设置发起定位请求的间隔需要大于等于1000ms才是有效的
        mLocationClient.setLocOption(option);
    }
 
好了，再次运行，就能看到当前的位置信息了。如果不能获取，查看location.getLocType()的返回值，对应百度地图给出的错误代码表，检查是哪个地方的问题。

 HTML5 Demo: geolocation
 

 
var geocoder = null;
 
function addAddressToMap(response) {
 
if (!response || response.Status.code != 200) {
 
alert("对不起，不能解析这个地址");
 
} else {
 
var add = "";
 
for (var i = 0; i < response.Placemark.length; i++) {
 
add += response.Placemark[i].address + " | ";
 
}
 
alert("您查找的位置是 : "   + add.substr(5,3));
 
}
 
}
 
function showLocation(address) {
 
if (GBrowserIsCompatible()) {
 
geocoder = new GClientGeocoder();
 
geocoder.getLocations(address, addAddressToMap);
 
}
 
}
 
function success(position) {
 
alert(position.coords.latitude);
 
alert(position.coords.longitude);
 
showLocation(position.coords.latitude + "," + position.coords.longitude);
 
return position.coords.latitude + "," + position.coords.longitude;
 
}
 
function error(msg) {
 
//            var s = document.querySelector('#status');
 
//            s.innerHTML = typeof msg == 'string' ? msg : "failed";
 
//            s.className = 'fail';
 
// console.log(arguments);
 
}
 
if (navigator.geolocation) {
 
navigator.geolocation.getCurrentPosition(success, error);
 
} else {
 
error('not supported');
 
}

VUE使用百度地图API获取当前城市
 
话不多说手下见真章
 
 首先就是配置BMap 百度一下一大堆
 然后就是正题了
 一、在index.html加入script标签
 
 二、创建一个JS文件
 
 export default {
 init: function (){
 const AK = “o491iK2pZE9WAdzi6BBujHwkkhF3qyxY”;
 const BMap_URL = “https://api.map.baidu.com/api?v=2.0&ak=”+ AK +"&s=1&callback=onBMapCallback";
 return new Promise((resolve, reject) => {
 // 如果已加载直接返回
 if(typeof BMap !== “undefined”) {
 resolve(BMap);
 return true;
 }
 // 百度地图异步加载回调处理
 window.onBMapCallback = function () {
 resolve(BMap);
 };
 let getCurrentCityName = function () {
 return new Promise(function (resolve, reject) {
 let myCity = new BMap.LocalCity()
 myCity.get(function (result) {
 resolve(result.name)
 })
 })
 }
 // 插入script脚本
 let scriptNode = document.createElement(“script”);
 scriptNode.setAttribute(“type”, “text/javascript”);
 scriptNode.setAttribute(“src”, BMap_URL);
 document.body.appendChild(scriptNode);
 });
 }
 }
 三、在所需要定位的文件中引入
 
 四、方法
 
 五、最后就是在mounted中调用就可以了
 

 六、欢迎大神多来指点一二 略略略