Dessin d'un tracé avec une ligne à l'aide de JavaScript OpenLayers

J'ai vu les exemples présentés ici de comment tracer une ligne, mais les exemples montrent comment le faire avec la souris, en cliquant sur.

Ce que je veux faire est tracer la ligne manuellement à l'aide de JavaScript donné une liste de coordonnées (Longitude et Latitude.

La raison pour laquelle je ne peut pas travailler sur la source fournie dans le lien ci-dessus est parce qu'ils sont seulement l'appel activate sur la fonctionnalité, puis permettre à l'utilisateur de pointer et de cliquer sur la carte.

Quelqu'un a dessiné un chemin sur une carte OpenLayers par programmation?

Ce que je veux faire, c'est exactement cela: http://openspace.ordnancesurvey.co.uk/openspace/example4.html, mais sans l'aide de OpenSpace.

InformationsquelleAutor Andreas Grech | 2010-04-29
  1. 53

    Vous auriez besoin de faire usage de la LineString objet

    Voici un exemple:

    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]);

    En supposant map est votre carte d'objet et lon et lat sont les valeurs flottantes.

    • J'ai eu à utiliser new OpenLayers.Geometry.Point(lon, lat).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject()); au lieu de simplement new OpenLayers.Geometry.Point(lon1, lat1) comme je l'avais wsg84 coordonnées
    • Exemple de travail (par Mannaz + petites modifications) jsfiddle.net/4q7vx/25
    • Bon échantillon. Le DrawFeature est en fait pas nécessaire, la ligne "de la carte.addControl(....DrawFeature...);" peut être omis.
    InformationsquelleAutor Drahcir
  2. 1

    cette page est un exemple classique de l'animation via javascript à l'aide d'openlayers.

    il utilise un filtre de stratégie de définir ce que pour montrer à quel moment dans le temps.

    en full javascript disponibles.

    InformationsquelleAutor tony gil
  3. 0

    Je ne l'ai jamais fait moi-même avant, mais je sais OpenSteetMap t-il. Par exemple:

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

    Aucune idée de la façon dont il serait difficile de travailler par le biais de leur code.

    • Oui, je ne vois OpenStreetMap exemple, mais je suis en train de le faire avec OpenLayers seulement
    • Ok. Désolé peut pas vous aider là-bas.
    InformationsquelleAutor RoToRa