javascript - 自动获取祈祷时间的纬度和经度值

Question

我正在使用Praytimes JS显示穆斯林祈祷时间，但对于每个位置，我必须手动添加该位置的纬度和经度。

如何使用 W3 GeoLocation 获取纬度和经度值对于以下代码:

<script type="text/javascript">
    prayTimes.setMethod('MWL'); 
    var date = new Date(); // today
    var times = prayTimes.getTimes(date, [23.022505, 72.5713621]);
    var list = ['Fajr', 'Sunrise', 'Dhuhr', 'Asr', 'Maghrib', 'Isha', 'Midnight'];

    var html = '<table id="timetable">';
    html += '<tr><th colspan="2">'+ date.toLocaleDateString()+ '</th></tr>';
    for(var i in list) {
        html += '<tr><td>'+ list[i]+ '</td>';
        html += '<td>'+ times[list[i].toLowerCase()]+ '</td></tr>';
    }
    html += '</table>';
    document.getElementById('table').innerHTML = html;
</script> 

我想让这个过程自动化。

Answer 1

很简单:

<script type="text/javascript">
    function loadTable(position) {
        prayTimes.setMethod('MWL'); 
        var date = new Date(); // today
        var times = prayTimes.getTimes(date, [position.coords.latitude, position.coords.longitude]);
        var list = ['Fajr', 'Sunrise', 'Dhuhr', 'Asr', 'Maghrib', 'Isha', 'Midnight'];

        var html = '<table id="timetable">';
        html += '<tr><th colspan="2">'+ date.toLocaleDateString()+ '</th></tr>';
        for(var i in list)  {
            html += '<tr><td>'+ list[i]+ '</td>';
            html += '<td>'+ times[list[i].toLowerCase()]+ '</td></tr>';
        }
        html += '</table>';
        document.getElementById('table').innerHTML = html;
    }

    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(loadTable);
    }
</script>