个人中心
gpt4 book ai didi

javascript - 天气 API (openweathermap) 显示温度错误

转载 作者：行者123 更新时间：2023-11-30 00:15:01 24 4
gpt4 key购买 nike

这段代码中的所有内容我都在尝试为用户提供本地的位置和温度但是不知何故温度以摄氏度显示的方式更少而且下面也没有更新是我尝试过的就像它是 4-5 小时回溯数据到 10 度摄氏度不太像如果温度是 22(摄氏度)小时后它显示像 3(摄氏度)工作示例在 codepen http://codepen.io/cannelflow/full/RrymYo/ 

var x = document.getElementById("demo");
var y = document.getElementById("demo1");
window.onload = getLocation();
//window.onload=getWeather();
function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition, showError);
    } else {
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}
//Location For Display
function showPosition(position) {
    var loc = { lat: position.coords.latitude, lon: position.coords.longitude };
    getWeather(loc);
    var baseURL = "https://maps.googleapis.com/maps/api/geocode/json?latlng=";
    var fullURL = baseURL + loc.lat + "," + loc.lon;
    $.ajax({
        url: fullURL,
        success: function (display) {
            x.innerHTML = display.results[1].formatted_address;
        }
    });

}
//Location For Weather
function getWeather(loc) {
    var baseURL = "http://api.openweathermap.org/data/2.5/weather?lat=";
    var appid = "064129b86c99c35c42d531db251b99e3";
    var fullURL = baseURL + loc.lat + "&lon=" + loc.lat + "&appid=" + appid + "&units=metric";
    //http://api.openweathermap.org/data/2.5/weather?lat=21.2600668&lon=81.5989561&appid=064129b86c99c35c42d531db251b99e3&units=metric
    $.ajax({
        url: fullURL,
        success: function (display1) {
            y.innerHTML = display1.main.temp;
        }
    });
}


function showError(error) {
    switch (error.code) {
        case error.PERMISSION_DENIED:
            x.innerHTML = "User denied the request for Geolocation."
            break;
        case error.POSITION_UNAVAILABLE:
            x.innerHTML = "Location information is unavailable."
            break;
        case error.TIMEOUT:
            x.innerHTML = "The request to get user location timed out."
            break;
        case error.UNKNOWN_ERROR:
            x.innerHTML = "An unknown error occurred."
            break;
    }
}
<body>
    <section>
        <div class="container-fluid text-center">
            <br />
            <!-- <h1><button class="btn btn-danger" onclick="getLocation()">Click Me To Get Your Location!</button></h1> -->
            <h1 class="text-primary" id="demo1"></h1>
            <br />
            <h1 class="text-primary" id="demo"></h1>
        </div>
    </section>
</body>

最佳答案

你有一个错字:

var fullURL = baseURL + loc.lat + "&lon=" + loc.lat + "&appid=" + appid + "&units=metric";

应该是

var fullURL = baseURL + loc.lat + "&lon=" + loc.lon + "&appid=" + appid + "&units=metric";

关于javascript - 天气 API (openweathermap) 显示温度错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35078098/

24 4 0
文章推荐： javascript - 如何在 JavaScript 中为字符串添加不间断空格？
文章推荐： Mysql:帮助从两个表进行查询
文章推荐： c# - 使用日期函数进行 mysql 查询时遇到问题
文章推荐： javascript - 将 jsreport 与其他语言一起使用(非英语)
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com