用JavaScript跟踪和更新谷歌地图

时间:2016-04-20 19:26:48

标签: javascript html iphone mobile geolocation

所以我正在开发一个移动设备的练习应用程序,该应用程序跟踪用户的位置,同时不断更新他们已经走过的距离。我可以很容易地获得用户的起始位置,但它实际上跟踪它们我不知道如何开始。我有一个按钮供用户获取名为“位置”的当前位置,我有一个名为“记录”的按钮,它实际上将启动跟踪过程。

我知道它与watchPosition()有关,但我不太清楚如何使用它以及如何使它与我现在拥有的一样。这是我第一次做任何需要geoLocation的事情。

任何有帮助的人都会被贬低。

<script>
            var c = function(position){
                var     latitude = position.coords.latitude,
                        longitude = position.coords.longitude,
                        acc = accuracy.coords.accuracy,
                        coords = position+ ', ' + long;
                        timeStamp = position.timestamp;

                document.getElementById('google_map').setAttribute('src', 'https://maps.google.co.uk/?q=' + coords + '&z=50&output=embed');
            }

            var e = function(error){
                switch(error.code){
                    case 0:
                        updateStatus("There was an error while retrieving your location: " +
                                error.message);
                        break;
                    case 1:
                        alert("The user prevented this page from retrieving a location.");
                        break;
                    case 2:
                        updateStatus("The browser was unable to determine your location: " +
                                error.message);
                        break;
                    case 3:
                        updateStatus("The browser timed out before retrieving the location.");
                        break;
                }
            }

            document.getElementById('location').onclick = function() {
               var watchId = navigator.geolocation.getCurrentPosition(c, e, {
                    enableHighAccuracy: true,
                    timeout: 10000,
                    maximumAge: 1000
                });
                return false;
            }

            document.getElementById("stop").onclick = function(){
                navigator.geolocation.clearWatch(watchId);
            }

        </script>

0 个答案:

没有答案