在今天的日期从纬度经度生成日出和日落时间

时间:2011-04-13 22:53:03

标签: javascript latitude-longitude

的所有人。我正在做一个只使用JavaScript(客户端,而不是服务器端)的项目,我想使用我在另一个线程中找到的NOAA脚本(我不能列出多个链接作为新用户,但我发现了这个:

http://www.srrb.noaa.gov/highlights/sunrise/sunrise.html

我想要做的是当用户输入纬度和经度并点击“提交”时,它将获得今天的日出/日落数据,并将它们存储在两个变量中(日出和日落,作为示例)。

但是,我真的希望他们可以将所有脚本(嵌入组合框中的脚本除外)放在一个单独的JavaScript文件中,以便我可以将NOAA网站上的JavaScript代码源提供给我的项目。一直在努力。

                <div id="locationSetupDiv">
                    <fieldset>
                        <legend>Location</legend>
                        <p>
                        <a href="javascript:var load = window.open('http://www.esrl.noaa.gov/gmd/grad/solcalc/')">
                            Get your longitude and latitude from here.</a>
                        </p>
                        <table class="inputData">
                            <tr>
                                <th style="width: 75px;">
                                    <label id="labelLongitude" for="inputModuleIDNumber">
                                        Longitude:</label></th>
                                <td><input id="inputLongitude" /></td>
                            </tr>
                            <tr>
                                <th><label id="labelLatitude" for="inputModuleName">
                                    Latitude:</label></th>
                                <td><input id="inputLatitude" /></td>
                            </tr>
                        </table>
                        <input type="button" value="Submit Changes" 
                               style="float: right; margin-top: 1em;" />
                    </fieldset>
                </div>

上面的代码是HTML格式。现在,这是我的JavaScript代码:

function PopulateFromXML()
{
    listModules = document.getElementById(
        "listModules").getElementsByTagName("tbody");

    // Gather the text fields for location data.
    inputLongitude = document.getElementById("inputLongitude")
    inputLatitude = document.getElementById("inputLatitude")

    // Firefox's DOM Parser treats whitespaces as text nodes, including
    // line breaks.
    removeWhitespace(xmlDoc.documentElement);

    // Send the document's root element to the XML Object variable.
        xmlObj = xmlDoc.documentElement;

    // Perform the checks and populate the tables
    // and any other elements that are needed.
    if (xmlObj.tagName == "HomeAutomationInterface")
    {
        // Check to be sure the first node is the "Setup" node. It contains the
        // location node.
        if ((xmlObj.childNodes[0].tagName == "Setup") &&
            (xmlObj.childNodes[0].childNodes[0].tagName == "Location"))
        {
            // Copy the data from one of the attributes to the respective text boxes.
            inputLongitude.value = xmlObj.childNodes[0]
                .childNodes[0].getAttribute("longitude");
            inputLatitude.value = xmlObj.childNodes[0]
                .childNodes[0].getAttribute("latitude");
        }
        // The second node within the root element is Modules node.
        // This will be implemented.
        if (xmlObj.childNodes[1].tagName == "Modules")
        {
            ListModulesInTabularData();
       }
        // The third node within the root element is Scenes node.
        // You need modules in order for scenes to work.
        // This will be implemented.
        if (xmlObj.childNodes[2].tagName == "Scenes")
        {
            ListScenesInTabularData();
        }
        // The last element is the Timers node.
        // This will either activate the scene or turn on, off,
        // dim, brighten, or set the light level of the module if
        // it is the light module or turn on or off the appliance
        // module. This will be implemented.
        if (xmlObj.childNodes[3].tagName == "Timers")
        {
            ListTimersInTabularData();
        }
    }
}

如您所见,当从XML文件填充时,字段集内的两个文本框将被写入。虽然我正在做一个项目作为概念验证,但我找不到将所有数据保存到XML文件的方法,所以我的老师告诉我不要担心。但是因为我编写了一个代码来以表格格式动态填充所有XML数据,所以我一直在寻找Internet中的特定JavaScript代码,或者我可以从我的项目中链接到的JavaScript文件,但是我从NOAA借用的个人项目的JavaScript代码,有谁知道如何根据纬度,经度和今天的日期获得日出/日落时间?

更新

看起来我在互联网上找到了一些东西(我在Google上搜索过:日落日落网络服务):

http://www.earthtools.org/webservices.htm

我使用关键字“sunrise sunset JavaScript”(没有引号)进行了搜索,我花了一段时间才进行搜索,然后将“JavaScript”替换为“网络服务”,我能够找到一个我正在寻找的网站for,但是当我在IE8 / 9中考虑阻止跨站点脚本编写的“同源策略”时,我真的认为这不适用于XMLHttpRequest。

2 个答案:

答案 0 :(得分:3)

基本相同的问题,javascript是你的因素。它与已接受的答案相关联:

C# Sunrise/Sunset with latitude/longitude

答案 1 :(得分:2)

我为日出和日落创建了一个javascript计算器并将其放在github here上。它基于国家可再生能源实验室公布的计算结果。我试图让它相当容易使用,但欢迎你提交改进。