从HTML中获取JavaScript函数的信息。怎么样?

时间:2011-08-10 00:44:22

标签: javascript html geolocation maps

我有以下功能来获取用户的当前位置(如果允许)。

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
    (function () {
        google.load("maps", "2");
        google.setOnLoadCallback(function () {
            // Create map
            var map = new google.maps.Map2(document.getElementById("map_canvas")),
                markOutLocation = function (lat, long) {
                    var latLong = new google.maps.LatLng(lat, long),
                        marker = new google.maps.Marker(latLong);
                    map.setCenter(latLong, 13);
                    map.addOverlay(marker);
                    marker.openInfoWindow(markerText);
                    google.maps.Event.addListener(marker, "click", function () {
                        marker.openInfoWindow(markerText);
                    });
                };
                map.setUIToDefault();

            // Check for geolocation support    
            if (navigator.geolocation) {
                // Get current position
                navigator.geolocation.getCurrentPosition(function (position) {
                        // Success!
                        markOutLocation(position.coords.latitude, position.coords.longitude);
                    }, 
                    function () {
                        // Gelocation fallback: Defaults to Stockholm, Sweden
                        markOutLocation(59.3325215, 18.0643818);
                    }
                );
            }
            else {
                // No geolocation fallback: Defaults to Eeaster Island, Chile
                markOutLocation(-27.121192, -109.366424);
            }
        });
    })();
</script>

如果我将alert(lat + ', ' + long);放在map.setCenter(latLong, 13);上,我会在警告框中收到59.378217,13.504219。如何将此信息提供给BODY标记内的DIV标记?

提前致谢。

2 个答案:

答案 0 :(得分:2)

您可以使用document.getElementById(id).innerHTML,其中id是元素的ID。

实施例。 document.getElementById("coordinates").innerHTML = lat + ', ' + long;

还有document.getElementById(id).textContent

答案 1 :(得分:2)

您可以使用jQuery的.html()并使用.html()编写div中警告框内的内容,如下所示:

$('#id').html(lat + ', ' + long)

(其中id是元素的id)

如果您愿意,也可以使用传统的JavaScript:

document.getElementById('id').innerHTML = lat + ', ' + long; 

(其中id是元素的id)

我希望这会有所帮助。