对接阿里云天气，获取天气预报数据

最新推荐文章于 2025-06-12 12:09:50 发布

原创

最新推荐文章于 2025-06-12 12:09:50 发布 · 2.6k 阅读

标签

#javascript #html #alibaba

收录于

本文介绍如何使用百度地图API获取地理位置，并调用阿里天气API显示天气预报。包括实时天气、未来几天预报及生活指数等内容。

我最近在开发个人网站，为了丰富页面，就新增了一个天气预报的数据展示，写此博客记录一下。

获取天气数据调用的易源数据天气，需要经纬度的参数，因此这里调用了百度地图的api来获取经纬度。具体实现过程如下：

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=你自己的ak"></script>

//天气预报版块
    //百度api 通过ip定位
    var myCity = new BMap.LocalCity();
    myCity.get(myFun);
    var lat;//纬度
    var lng;//经度
    function myFun(result) {
   
   
        var cityName = result.name;
        $("#position").append(cityName);
        lat = result.center.lat;
        lng = result.center.lng;
        // alert("IP 定位城市:" + cityName+"   经度"+result.center.lng+"   纬度"+result.center.lat);
        $.ajax