-1

JavaScriptを使用して地理位置情報の使用方法を学ぼうとしています。しかし、スクリプトは思ったように動作しません。以下は私のコードです：

<!doctype html>
<html>
<title> Testing Geolocation</title>
<head>
  <script>
    function displayLocation(){
    var latitude = position.coords.latitude;
    var longitude = position.coords.longitude;
    var div = document.getElementById("myLocation");
    div.innerHTML =" You are at Latitude "+latitude+" and longitude "+longitude);}          
    window.onload = getMyLocation;}
    function getMyLocation{
    if(navigator.geolocation){
    navigator.geolocation.getCurrentPosition(displayLocation);}
    else{
    alert("Oops! Geolocation function not supported");}

</script>
</head>
<body>
<div id="myLocation">
Your location will go here.
</div>
</body>
</html>

こんにちは、タイプミスを修正した後も、スクリプトはまだ機能していません。つまり、緯度と経度が表示されていません。

4

2 に答える 2

1

displayLocation 関数に引数 'position' を追加します。

UPD: ..そしていくつかのタイプミス。エラー追跡に Chrome/FF コンソールを使用していますか? これを試して：

<script>
function displayLocation(position){
  var latitude = position.coords.latitude;
  var longitude = position.coords.longitude;
  var div = document.getElementById('myLocation');
  div.innerHTML = "You are at Latitude "+latitude+" and longitude "+longitude;
}          

function getMyLocation(){
    if(navigator.geolocation){
        navigator.geolocation.getCurrentPosition(displayLocation);
    } else {
        alert('Oops! Geolocation function not supported');
    }
}

getMyLocation();
</script>
于 2013-02-26T15:05:55.567 に答える
0

関数に() がなく、その関数getMyLocationに finalがありません ( window.onload 行の後に}余分なものがあります):}

<!doctype html>
<html>
<title> Testing Geolocation</title>
<head>
<script>
    function displayLocation(position){
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;
        var div = document.getElementById("myLocation");
        div.innerHTML =" You are at Latitude "+latitude+" and longitude "+longitude;}          

    function getMyLocation(){
        if(navigator.geolocation){
            navigator.geolocation.getCurrentPosition(displayLocation);}
        else{
            alert("Oops! Geolocation function not supported");}
    }

window.onload = getMyLocation;
</script>
</head>
<body>
<div id="myLocation">
Your location will go here.
</div>
</body>
</html>
于 2013-02-26T15:59:10.340 に答える