2014-10-22 2 views
3

Кажется, что заголовок совершенно не требует пояснений, но для того, чтобы уточнить, вот что у меня возникают проблемы, у меня есть множество полилиний, которые я показываю на карте, теперь то, что я есть чтобы сделать это, когда я навешиваю над определенной полилинией из списка, только эта полилиния выделяет (или меняет цвет). То, что я сейчас это что-то вроде этого (этот код находится внутри цикла, который идет к концу заполнения polyLineArray с индивидуальными данными полилинии,leafletjs: Выделите полилинию на mouseover

var pointList = []; 

// pointList is an array and lat/lngs 

var polyLineProperties = { 
    color: 'red', 
    opacity: 1, 
    weight: 5, 
    clickable: true 
} 

var polyLine = new L.polyline(pointList, polyLineProperties); 
polyLine.on('mouseover', function() { 
    // WHAT TO DO HERE to HIGHLIGHT that specific polyline. 
}); 

polyLineArray.push(polyLine); 

Надежда кто-то может мне помочь с этим, это будет приятно , если кто-то может даже советы о том, как изменить любое свойство ломаной линии, а не только цвет.

Спасибо и ждем ваших ответов :)

ответ

6

Хорошо,

Извините, но я сумел чтобы понять это, благодаря учебник по следующей ссылке,

Interactive Choropleth Map

Это все, что требовалось,

polyLine.on('mouseover', function(e) { 
    var layer = e.target; 

    layer.setStyle({ 
     color: 'blue', 
     opacity: 1, 
     weight: 5 
    }); 
}); 

Спасибо всем для чтения.

Смежные вопросы