In google maps api v2 è stato facile,polilinea scatto alla strada utilizzando Google Maps 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);
in Google API V3 questo modo semplice non funziona. C'è qualcosa come il servizio di indicazioni stradali, ma non ho idea di come sia possibile disegnare la polilinea attraverso i miei punti e la polilinea verrà fissata su strada.
Grazie, pulito e conciso. –
@ chad-killingsworth quindi se sto leggendo questo correttamente, si aggira la limitazione massima di 8 waypoint, chiamando il DirectionsService ad ogni clic, e quindi memorizzando tutti quei risultati in un array? Diciamo che volevo mostrare automaticamente un marcatore ad ogni incremento di 1 miglio, simile a gmaps-pedometer.com; qualche idea su come farlo usando l'API? –
Spiacente, ignorare la seconda metà della domanda precedente; trovato la risposta qui: http://stackoverflow.com/questions/2698112/how-to-add-markers-on-google-maps-polylines-based-on-distance-along-the-line .. non esattamente semplice e sembra che debba essere rielaborato per la v3, ma sembra in grado ... –