대화 형 Choropleth지도 - 강조 표시 - getcolor 함수

Question

geojson 파일의 속성에서 색상을 얻을 자전거 경로의지도를 만들려고합니다. 이것은 Interactive Choropleth Map을 기반으로합니다. 내가 지금 가지고있는 문제는 강조 표시됩니다. 강조에

function getColor(d) { 
    return d == 'red' ? 'red' : 
      d == 'blue' ? 'blue' : 
      d == 'green' ? 'green' : 
      d == 'black' ? 'black' : 
      d == 'yellow' ? 'yellow' : 
       'orange'; 
} 

function style(feature) { 
    return { 
     weight: 2, 
     opacity: 1, 
     color: getColor(feature.properties.colour), 
     dashArray: '3', 
     fillOpacity: 0.7, 

    }; 
} 

그것은 작품을 좋아하지만 같은 기능을 사용하려고하면 "색상을 얻을": geojson 속성에서 코드 검사 경로의 색이 부분

function highlightFeature(e) { 
    var layer = e.target; 

    layer.setStyle({ 
     weight: 5, 
     color: getColor(feature.properties.colour), 
     dashArray: '', 
     fillOpacity: 0.7 
    }); 

그것은 '아무튼 geojson의 속성에서 색상을 강조 표시합니다. 아마도 약간의 문제 일지 모르지만 나는 여전히 배우고 있으며 이해하지 못합니다. 누군가 그것을 설명하고 해결책을 제시해 주시겠습니까? 매우 감사합니다!

http://members.upcpoczta.pl/w.racek/mapa.html

감사 : 다음은 작업 예 (물론 아닌 전체 작업 난 아직 배우는 중이에요으로)입니다!

Answer 1

highlightFeature 메서드에는 존재하지 않는 feature을 참조하는 setStyle 메서드가 있습니다. 이 기능은 e.target.feature에 정의되어 있습니다. 그래서이 작동합니다 :

function highlightFeature(e) { 
    e.target.setStyle({ 
     weight: 5, 
     color: getColor(e.target.feature.properties.colour), 
     dashArray: '', 
     fillOpacity: 0.7 
    }); 
} 

을하지만 당신은 색상 (및 불투명도)을 변경하지 않는 때문에 당신은뿐만 아니라 또한 문제 :