# 初体验之腾讯位置服务彩云天气开发者api

初体验

最近接触到了boxjs，看到了里面一个比较有意思的彩云天气的脚本，由于自己本身就是彩云天气pro的用户，日常使用过程中感觉到彩云的降雨提醒还是挺方便的，于是就准备开始使用这个天气的脚本。

脚本主要用到两个平台的接口：

腾讯位置服务平台提供获取经纬度的接口
彩云天气申请开发者api调用对应经纬度的天气状况

测试环境选择了自己的iphone上的JSbox来运行一个简单的js脚本:

//简单思路就是 获取ip再获取天气信息

const locationKey = "XXXXXXXXXXXXX"

const weatherKey = "XXXXXXXXXXXX"

const apiList = {

    location:"https://apis.map.qq.com/ws"

}

function getLonLat(){

    $http.get({

        url: `${apiList.location}/location/v1/ip?key=${locationKey}`,

        handler: (resp) => {

            let location = resp.data&&resp.data.result&&resp.data.result.location

            getLocation(location)

        }

    });

}

function getLocation(location){

    $http.get({

        url: `${apiList.location}/geocoder/v1/?key=${locationKey}&location=${location.lat},${location.lng}`,

        handler: (resp) => {

            var data = resp.data;

            $console.info(data.result.formatted_addresses.recommend);

        }

    });

}

/**

 *

 * @param {lat:"",lng:""} location

 */

function getWeather(location){

    $http.get({

        url: `${apiList.weather}/${weatherKey}/${location.lng},${location.lat}/weather.json`,

        handler: (resp) => {

            let data = resp.data;

            console.info(data)

			//运行结果参照彩云天气https://open.caiyunapp.com/%E9%80%9A%E7%94%A8%E9%A2%84%E6%8A%A5%E6%8E%A5%E5%8F%A3/v2.5

        }

    });

}

getLonLat()

顿时醒悟

写到这其实我只是想测试一下两个接口的基本用法以及可用之处，然后突然想到jsbox里面内置的$location可以直接获取到设备的位置信息,通过这样获取到的位置坐标会比ip的更加精准

//根据原生SDK获取手机位置

function getPhoneLoc(){

    $location.fetch({

        handler: function(resp) {

            var lat = resp.lat;

            var lng = resp.lng;

            var alt = resp.alt;

            let loc = {lat:lat,lng:lng}

            getLocation(loc)

        }

    });

}

最后运行结果

各位晚安

巴特西

# 初体验之腾讯位置服务彩云天气开发者api

初体验

顿时醒悟

最后运行结果

最新文章

热门文章