varios - trazando una ruta en Google Maps

planificador de rutas google maps

Question

¿Cómo usaría Google Maps API para trazar una ruta? Por ejemplo, tener un montón de puntos de ruta cargados en el mapa (actualmente tengo esto) y dibujar una línea de cada uno de ellos mostrando al usuario una ruta que podrían tomar para verlos todos. ¿Cómo cargaría esto cuando el usuario vea el mapa?

Answer 1

Lo he hecho en Android. Google tiene un servicio para esto, aquí está el enlace https://developers.google.com/maps/documentation/roads/intro

Aquí encontrará una llamada API de ejemplo en esta página. Además de algunas instrucciones web. https://developers.google.com/maps/documentation/roads/snap

Este es un ejemplo de llamada web al servicio. https://roads.googleapis.com/v1/snapToRoads?path=-35.27801,149.12958|-35.28032,149.12907|-35.28099,149.12929|-35.28144,149.12984|-35.28194,149.13003|-35.28282,149.12956|-35.28302,149.12881|-35.28473,149.12836&interpolate=true&key=YOUR_API_KEY

Si la memoria se sirve, creo que puede tener hasta 100 puntos por llamada y cada llamada le cobra independientemente de la cantidad de puntos.

Esta llamada anterior también se puede configurar para ajustarse a las carreteras.

En cuanto a dibujar las rutas cuando se carga el mapa, esto depende de las tecnologías que esté utilizando. Sé que es fácil de .NET WinForms

Si publica un comentario sobre su pregunta; dejándome saber qué tecnologías estás usando, puedo darte más consejos.

Si desea probar sus rutas de forma gratuita, encontré un sitio web pequeño e ingenioso: https://www.darrinward.com/lat-long/

Espero que esto ayude.

Answer 2

Puede establecer la propiedad de waypoints en un objeto DirectionsService y trazará la ruta desde el origen hasta el destino a través de todos los puntos de su matriz:

Matriz de puntos de referencia intermedios. Las direcciones se calcularán desde el origen hasta el destino por medio de cada waypoint en esta matriz.

Una vez que haya establecido la propiedad waypoints , llame al método de ruta para calcular las direcciones:

route(request:DirectionsRequest, callback:function(DirectionsResult, DirectionsStatus)))

Una vez que tenga su DirectionsResult, puede usar el objeto DirectionsRenderer para representar los resultados en un Google Map.

Actualización con un ejemplo de trabajo

El siguiente código hace una solicitud de dirección entre los puntos de inicio y final codificados a través de una matriz de tres puntos intermedios:

// three points through which the directions pass
var point1 = new google.maps.LatLng(-33.8975098545041,151.09962701797485);
var point2 = new google.maps.LatLng(-33.8584421519279,151.0693073272705);
var point3 = new google.maps.LatLng(-33.84525521656404,151.0421848297119);

// build an array of the points
var wps = [{ location: point1 }, { location: point2 }, {location: point3}];

// set the origin and destination
var org = new google.maps.LatLng ( -33.89192157947345,151.13604068756104);
var dest = new google.maps.LatLng ( -33.69727974097957,150.29047966003418);

var request = {
        origin: org,
        destination: dest,
        waypoints: wps,
        travelMode: google.maps.DirectionsTravelMode.DRIVING
        };

Puede encontrar un ejemplo de trabajo de este código here ( source ).

NB Tenga en cuenta que solo puede usar hasta ocho puntos de referencia en su matriz, a menos que cambie a una cuenta comercial.

Answer 3

Puede usar un mapa estático, luego recorrer sus puntos y trazar los puntos usando el parámetro param.

Algo como:

&path=color:blue|weight:5|45.123,-123.595|46.456,-124.985