OpenLayers'da bir çizgi ile bir yol çizme JavaScript'i kullanarak

Question

Bir çizginin nasıl çizileceğini gösteren örneklerin here olduğunu gördüm, ancak örnekler yalnızca fareyle nasıl yapılacağını gösterir.

Yapmak istediğim Boylam ve Enlem koordinatlarının bir listesi verilen JavaScript'i kullanarak satırı elle çizmektir.

Yukarıdaki bağlantıda sağlanan kaynak üzerinde çalışmamamın nedeni, yalnızca activate özelliğini özelliğin üzerinde aradıkları ve daha sonra kullanıcının işaret ettiği ve haritayı tıklatacağıdır.

Herkes OpenLayers haritasına programatik olarak bir yol çizdi mi?

Tam olarak ne yapmak istiyorum: http://openspace.ordnancesurvey.co.uk/openspace/example4.html, ancak OpenSpace kullanmadan.

Answer 1

Sen LineString nesne İşte

faydalanmak gerekir bir örnektir:

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

map varsayarsak, harita nesnesi ve lon ve lat şamandıra değerleridir olduğunu. Openlayers kullanarak javascript ile animasyonu

Answer 2

Daha önce hiç kendim yapmadım, ama OpenSteetMap'in bunu yaptığını biliyorum. Örneğin:

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

onların kodu ile çalışmak ne kadar zor olacağını Fikrim yok.

Answer 3

this page is a classic example.

Zamanında neyin gösterileceğini tanımlamak için bir filtre stratejisi kullanır. tam javascript kullanılabilir.