0

html5を使用してWP8で追跡を使用して、自分の場所を取得し、このコードを表示しようとしましたが、問題ありません

    <script type="text/javascript">
    var watchID = 0;

    function startLocationTracking() {
        if (navigator.geolocation) {
            var messagedialogpopup = new Windows.UI.Popups.MessageDialog
                    ("Your phone supports GeoLocation");
            messagedialogpopup.showAsync();
            watchID = navigator.geolocation.watchPosition(showCurrentLocation, errorHandler, { enableHighAccuracy: true });
        } else {
            var messagedialogpopup = new Windows.UI.Popups.MessageDialog
                    ("Your phone does not support GeoLocation.");
            messagedialogpopup.showAsync();
        }
    }

    function showCurrentLocation(position) {
        document.getElementById("mylocation").innerHTML = "Tracking your position --> Current Latitude : " + position.coords.latitude + " , Longitude : " + position.coords.longitude;
    }

    function errorHandler(error) {
        var messagedialogpopup = new Windows.UI.Popups.MessageDialog
                    ("Error while retrieving current position. Error code: " + error.code + ",Message: " + error.message);

    }

    function stopLocationTracking() {
        if (watchID > 0) {
            navigator.geolocation.clearWatch(watchID);
            var messagedialogpopup = new Windows.UI.Popups.MessageDialog
                    ("Stopped Tracking Location");
            messagedialogpopup.showAsync();
        }
    }

    </script>

</head>
<body class="phone">

    <div id="main">

        <input type="button" value="Start Tracking Me" onclick="startLocationTracking()" />
        <input type="button" value="Stop Tracking Me" onclick="stopLocationTracking()" />
        <br />
        <div id="mylocation"></div>
    </div>

</body>
</html>

この画面が表示されますが、問題は結果を表示していません。次のように表示されることを想定しています: Tracking your position --> 現在の緯度: 34.8346549 、経度: 10.7518134 ここに画像の説明を入力

4

0 に答える 0