watchPosition 结合折线
watchPosition combined with polylines
我正在尝试找到一种方法来随着坐标的变化添加折线,我已经尝试了我能想到的所有可能的猜测组合,还包括谷歌自己的 "complex polylines" 文档,我已经运气不好。
如果有人能提供一些帮助,我将不胜感激,因为我现在完全受困于此!
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));
}
您必须更新折线的路径:
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 **
}
我正在尝试找到一种方法来随着坐标的变化添加折线,我已经尝试了我能想到的所有可能的猜测组合,还包括谷歌自己的 "complex polylines" 文档,我已经运气不好。
如果有人能提供一些帮助,我将不胜感激,因为我现在完全受困于此!
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));
}
您必须更新折线的路径:
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 **
}