如何将数据从 javascript 导入到 html table

Question

我创建了一个项目，当页面打开时，它会要求用户接受他的位置。当用户接受时，google 地图 window 打开，显示用户的当前位置以及坐标：

我希望坐标显示在 google 地图 window 旁边的 html table 中，类似于或与下面相同：

我怎样才能做到这一点？我是 javascript 的初学者，我需要帮助。谢谢！！！

我会 post 我的 javascript 代码以备不时之需：

// SHOW COORDINATES
if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function (p) {
        var LatLng = new google.maps.LatLng(p.coords.latitude, p.coords.longitude);
        var mapOptions = {
            center: LatLng,
            zoom: 13,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);
        var marker = new google.maps.Marker({
            position: LatLng,
            map: map,
            title: "<div style = 'height:60px;width:200px'><b>Your location:</b><br />Latitude: " + p.coords.latitude + "<br />Longitude: " + p.coords.longitude
        });
        google.maps.event.addListener(marker, "click", function (e) {
            var infoWindow = new google.maps.InfoWindow();
            infoWindow.setContent(marker.title);
            infoWindow.open(map, marker);
        });
    });
} else {
    alert('Geo Location feature is not supported in this browser.');
}

Answer 1

您可以创建一个 table 元素并将其附加到 document.body :

// SHOW COORDINATES
if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function (p) {
        let table = document.createElement("table");
        table.innerHTML = "<tr><th>Latitude</th><th>Longitude</th></tr><tr><td>" + p.coords.latitude + "</td><td>" + p.coords.longitude + "</td></tr>";
        document.body.appendChild(table);
    });
} else {
    console.log('Geo Location feature is not supported in this browser.');
}

Answer 2

如果您正在寻找获取纬度和经度的解决方案，那么这里是您如何进入您正在使用的函数的方法

   lat = p.coords.latitude;
   lng = p.coords.longitude;

然后你可以学习如何在DOM中插入数据，像这样

document.getElementById('latvalue').innerHTML += lat;
document.getElementById('lngvalue').innerHTML += lng;

如何将数据从 javascript 导入到 html table

How to import data from javascript to html table

javascript

coordinates