获取当前所在的城市及气温

最新推荐文章于 2024-01-11 21:12:13 发布

山谷里的杂货铺

最新推荐文章于 2024-01-11 21:12:13 发布

阅读量436

点赞数 1

文章标签： java 前端 servlet

本文链接：https://blog.csdn.net/weixin_58528200/article/details/125427509

版权

场景：首页显示当前城市及其气温

采用百度地图api

ak 是在百度地图开发者平台申请的密钥详见 http://lbsyun.baidu.com/apiconsole/key

<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=x5q3GuwjwCwkgcofT6TShe0jHWcTmg8c"></script>
  <script>
    var geolocation = new BMap.Geolocation()
    geolocation.getCurrentPosition(function(res){
      if (window.location.pathname === '/') {
        var lat = res.latitude  // 纬度
        var lng = res.longitude  // 经度
        fetch('http://data.cma.cn/kbweb/home/live', {
          method: 'POST',
          headers: {
            'content-type': 'application/json'
          },
          body: JSON.stringify({ "lat": lat,
          "lon": lng,
          "type": "0" }),
        }).then(response => response.json())
        .then(data0 => { 
          var ds = data0.result.DS[0];
          var tem = ds.TEM;
          if (tem == '9999') {
            tem = '--';
          }
          var portalData = {
            province: res.address.province, // 当前省
            city: res.address.city, // 当前市
            weather: tem + '°C' // 当前城市气温
          }
          sessionStorage.setItem('portalData',JSON.stringify(portalData))
        })
        .catch(err => console.log('Request Failed', err))
      }
    })