watchPosition 结合折线

Question

我正在尝试找到一种方法来随着坐标的变化添加折线，我已经尝试了我能想到的所有可能的猜测组合，还包括谷歌自己的“复杂折线”文档，但我没有运气。

如果有人能发光，那将非常感激，因为我现在完全坚持这个！

function startTrack() {
    var options = { enableHighAccuracy: true, maximumAge: 0, timeout : 5000 };
    watchID = navigator.geolocation.watchPosition(onSuccessTrack, onErrorTrack, options);

    var polyOptions = {
        strokeColor: '#000000',
        strokeOpacity: 1.0,
        strokeWeight: 3
    };
    poly = new google.maps.Polyline(polyOptions);
    poly.setMap(map);

}

function onSuccessTrack(position) {
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;

var path = poly.getPath();

path.push(google.maps.LatLng(latitude, longitude));
}

Answer 1

你必须更新折线的路径：

function startTrack() {
    var options = { enableHighAccuracy: true, maximumAge: 0, timeout : 5000 };
    watchID = navigator.geolocation.watchPosition(onSuccessTrack, onErrorTrack, options);

    var polyOptions = {
        strokeColor: '#000000',
        strokeOpacity: 1.0,
        strokeWeight: 3
    };
    poly = new google.maps.Polyline(polyOptions);
    poly.setMap(map);

}

function onSuccessTrack(position) {
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;

  var path = poly.getPath();

  path.push(google.maps.LatLng(latitude, longitude));
  poly.setPath(path); // ** update path for polyline **
}