javascript - openlayers 4 documentation

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

Question

He visto los ejemplos presentados here sobre 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 en la fuente provista en el enlace anterior es porque solo están llamando a activate la función, y luego dejar que el usuario apunte y haga clic en el mapa.

¿Alguna vez alguien ha trazado una ruta en un mapa de OpenLayers mediante programación?

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

Answer 1

Nunca lo había hecho antes, pero sé que OpenSteetMap lo hace. Por ejemplo:

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

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

Answer 2

Esta página es un ejemplo clásico de animación a través de javascript que utiliza openlayers.

usa una estrategia de filtro para definir qué mostrar en qué momento del tiempo.

javascript completo disponible.

Answer 3

LineString hacer uso del objeto LineString

Aquí hay 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 que map es su objeto de mapa y lon y lat son valores flotantes.