を使用して、道路にGoogleのAPIのV3でポリラインは、このようシンプルなdoesntの仕事、GoogleマップAPIでGoogleマップAPI v3の
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(53.7877, -2.9832),13)
// map.addControl(new GLargeMapControl());
// map.addControl(new GMapTypeControl());
var dirn = new GDirections();
// var firstpoint = true;
var gmarkers = [];
var gpolys = [];
var dist = 0;
// == When the user clicks on a the map, get directiobns from that point to itself ==
gmarkers.push(new google.maps.LatLng(53.7877, -2.9832));
gmarkers.push(new google.maps.LatLng(53.9007, -2.9832));
gmarkers.push(new GLatLng(53.600, -2.700));
for (var i = 0; i < gmarkers.length-1; i++) {
console.log(gmarkers[i]);
dirn.loadFromWaypoints([gmarkers[i].toUrlValue(6),gmarkers[i+1].toUrlValue(6)],{getPolyline:true});
}
// == when the load event completes, plot the point on the street ==
GEvent.addListener(dirn,"load", function() {
// snap to last vertex in the polyline
var n = dirn.getPolyline().getVertexCount();
map.addOverlay(dirn.getPolyline());
gpolys.push(dirn.getPolyline());
dist += dirn.getPolyline().getDistance();
document.getElementById("distance").innerHTML="Path length: "+(dist/1000).toFixed(2)+" km. "+(dist/1609.344).toFixed(2)+" miles.";
});
GEvent.addListener(dirn,"error", function() {
GLog.write("Failed: "+dirn.getStatus().code);
});
console.log(dirn);
をスナップ。道案内サービスのようなものがありますが、私はポイントを通してポリラインを描くことができず、ポリラインは道路にスナップされます。
ありがとうございます。清潔で簡潔です。 –
@ chad-killingsworthもしこれを正しく読んでいるのであれば、各クリックでDirectionsServiceを呼び出し、それらの結果をすべて配列に格納することで、最大8つのウェイポイントの制限を回避できますか?たとえば、gmaps-pedometer.comと同様に、1マイルごとに自動的にマーカーを表示したいとします。どのようにAPIを使用してそれを行う任意のアイデア? –
申し訳ありませんが、上記の質問の後半は無視してください。ここの答えが見つかりました:http://stackoverflow.com/questions/2698112/how-to-add-markers-on-google-maps-polylines-based-on-distance-along-the-line ..正確ではなく、それは、v3のために再加工する必要があるように見えるが、それはできるように見える... –