Dibujando una ruta con una línea en OpenLayers usando JavaScript

Question

He visto los ejemplos presentados here de cómo dibujar una línea, pero los ejemplos solo muestran cómo hacerlo con el mouse, haciendo clic.

Lo que quiero hacer es dibujar la línea manualmente usando JavaScript dada una lista de coordenadas de longitud y latitud.

La razón por la que no puedo trabajar con la fuente proporcionada en el enlace anterior es porque solo están llamando al activate en la función, y luego dejan que el usuario señale y haga clic en el mapa.

¿Alguien ha trazado alguna ruta en un mapa de OpenLayers programáticamente?

Lo que quiero hacer es exactamente esto: http://openspace.ordnancesurvey.co.uk/openspace/example4.html, pero sin usar OpenSpace.

Answer 1

Usted tendría que hacer uso de la LineString objeto

He aquí un ejemplo:

var lineLayer = new OpenLayers.Layer.Vector("Line Layer"); 

map.addLayer(lineLayer);      
map.addControl(new OpenLayers.Control.DrawFeature(lineLayer, OpenLayers.Handler.Path));          
var points = new Array(
    new OpenLayers.Geometry.Point(lon1, lat1), 
    new OpenLayers.Geometry.Point(lon2, lat2) 
); 

var line = new OpenLayers.Geometry.LineString(points); 

var style = { 
    strokeColor: '#0000ff', 
    strokeOpacity: 0.5, 
    strokeWidth: 5 
}; 

var lineFeature = new OpenLayers.Feature.Vector(line, null, style); 
lineLayer.addFeatures([lineFeature]); 

Suponiendo map es su hoja de objeto y lon y lat son valores de coma flotante.

Answer 2

Nunca lo he hecho antes, pero sé que OpenSteetMap lo hace. Por ejemplo:

http://www.openstreetmap.org/?way=23649627

Ni idea de lo difícil que sería trabajar a través de su código.

Answer 3

this page is a classic example de animación a través de javascript usando openlayers.

utiliza una estrategia de filtro para definir qué mostrar en qué momento.

javascript completo disponible.