1

http://exploregooglemaps.blogspot.com.br/2012/02/measuring-distance-with-markers.htmlで見つけた便利なコードを使用して、マーカーを追加して距離を測定しています。

デフォルトでマーカーが道路にスナップするようにしたいのですが、ユーザーがシフトキーを押したままにすると、直線が使用されます。

Shift キーの if ステートメントを実装することができました。Shift キーを押したままにするとパスが描画されますが、デフォルトでは道路パスへのスナップは描画されません。

私は 2 つの関数を呼び出しています。1 つは直線drawPathを描画するためのもので、もう1 つは道路線drawPathDにスナップを描画するためのものです。

どんな助けでも大歓迎です。

<code>
var map,
service = new google.maps.DirectionsService(),
shiftPressed = false,
poly;

var path = [];

shiftPressed = false;
var markers = [];
var routePoints = [];

google.maps.event.addDomListener(document, "keydown", function () {
shiftPressed = true;
});
google.maps.event.addDomListener(document, "keyup", function () {
shiftPressed = false;
});

function $(id) {
return document.getElementById(id);
}

var map;
var mapOptions = {
center: new google.maps.LatLng(-23.5489433, - 46.6388182),
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};

var markers = [];
var line;

function initialize() {
map = new google.maps.Map($("map_canvas"), mapOptions);
line = new google.maps.Polyline({
map: map,
strokeColor: "#FF3333",
strokeOpacity: 0.5,
strokeWeight: 8
});

google.maps.event.addListener(map, 'click', function (event) {
var marker = new google.maps.Marker({
map: map,
position: event.latLng,
draggable: true
});


if (shiftPressed) {

markers.push(marker);
drawPath();

} else {

markers.push(marker);
drawPathD();

}


google.maps.event.addListener(marker, 'dblclick', function (event) {
marker.setMap(null);
drawPath();
});

google.maps.event.addListener(marker, 'drag', function (event) {
drawPath();
});
});
}

function countMarkers() {
count = 0;
for (var i = routePoints.length - 1; i >= 0; i--) {
if (markers[i].getMap() == null) {
routePoints.splice(i, 1);
} else {
count++;
}
}
return count;
}

function drawPath() {
countMarkers();

var coords = [];
for (var i = 0; i < markers.length; i++) {
coords.push(markers[i].getPosition());
}
line.setPath(coords);

meters = google.maps.geometry.spherical.computeLength(coords);
$("distKm").value = Math.round(meters / 1000 * 100) / 100;
$("distMi").value = Math.round(meters / 1609 * 100) / 100;
}

function drawPathD(event) {
countMarkers();
var coords = [];

service.route({
origin: path[path.length - 1],
destination: event.latLng,
travelMode: google.maps.DirectionsTravelMode.WALKING
}, function (result, status) {
if (status == google.maps.DirectionsStatus.OK) {
path = path.concat(result.routes[0].overview_path);
routePoints.setPath(path);
}
});



meters = google.maps.geometry.spherical.computeLength(coords);
$("distKm").value = Math.round(meters / 1000 * 100) / 100;
$("distMi").value = Math.round(meters / 1609 * 100) / 100;
}

function clearMarkers() {
for (var i = 0; i < markers.length; i++) {
markers[i].setMap(null)
}
drawPath();
}
google.maps.event.addDomListener(window, 'load', initialize);

</code>
4

1 に答える 1

0

Google MapsAPIv3で「道路にスナップ」機能を実装する方法は次のとおりです。Googleマップ APIv3を使用して道路にスナップするポリライン

于 2012-09-09T22:40:06.570 に答える