전단지에 라벨링 문제가 있음

전단지 1.0 rc-3을 사용하여 센터 또는 일반적으로 다각형에 라벨을 지정하는 데 문제가 있습니다. 다각형을 추가하고 라벨을 연결하는 데 사용 전단지에 라벨링 문제가 있음

코드 메신저

는

  .leaflet-label { 
      background:none; 
      left: -22px; 
      border:none; 
      background-clip:none; 
     } 

     .leaflet-label:before { 
border-right: 0px solid black; 
border-right-color: inherit; 
left: -10px;

로하고 JS

var lotss = L.geoJson(lots, { 

    style: function(feature) { 
       switch (feature.properties.SOLD) { 
      case 'Y': return {color: "#FF0000", weight:1}; 
     } 
     switch (feature.properties.TYPE) { 
      case 'EASEMENT': return {color: "#FFFFFF", weight:1}; 
      case 'LOT': return {color: "#00FF00", weight:1}; 
      case 'ROAD': return {color: "#000000", weight:1}; 
     } 

    } 
    }).addTo(map); 

var label = new L.Label() 
label.setContent("test") 
label.setLatLng(lotss.getBounds().getCenter()) 
map.showLabel(label);

하지만이 나타나지는 작동하는 유일한 기준 I 위의 레이블 코드를 실제로 참조 할 수 있습니다. 내가 잘못 했니? 그것의 소포 제비의 시리즈 및 나는 그것을 센터에있는 제비의 수를 레테르를 붙이게 얻는 것을 시도하고있다. @chrki은 (L.Label이 전단지 코드 아니므로) 당신이 https://github.com/Leaflet/Leaflet.label를 사용하는 경우, 당신은

플러그인을 사용하는 주석으로 어떤 조언

출처

2016-11-19 unknownid

라벨링에 플러그인을 사용하고 있습니까? 조언을 주신 덕분에 – chrki

에 대한

덕분에, 당신은이 알고 있어야 전단 용으로는 사용되지 않음 1.0

리플릿 1.0에서는 툴팁을 사용해야합니다. 당신은 툴팁의 모양이 마음에 들지 않으면 https://yafred.github.io/ajax-geojson-and-labels/index4.html

, 당신이 L.DivIcon

L.marker(lotss.getBounds().getCenter(), { 
     icon: new L.DivIcon({ 
      className: 'my-div-icon', 
      html: '<h2>There are n lots here</h2>' 
      }) 
    }).addTo(map);

과 마커를 사용하여 솔루션을 탐색 할 수 있습니다 : 여기

map.openTooltip("test", geojsonLayer.getBounds().getCenter());

은 예입니다

출처

2016-11-19 15:35:10 YaFred

! 나는 그것을 여기서 성공시키지 않으려 고 노력했다. http://anony.host/test2.html 나머지 예제 중 하나라도 표시되지 않습니까? Im은 툴팁의 형태로 놀랍지 만, 다각형의 가운데에 검정색 텍스트 번호를 추가하는 쉬운 방법이 아닙니까? 아니면 어쩌면 나는 이것을 대단히 생각하고있다. geoJSON 파일에서 값을 분리하는 방법을 이해하지만 폴리곤에 단어 테스트를 표시하는 것만으로도 어려움을 겪을 수 있습니다. 죄송합니다. 도움에 감사드립니다. 정말 고맙습니다. – unknownid

툴팁은 rc3에서 버그가 있습니다. 예제와 같이 전단 1.0.1을 사용하십시오. 또는 HTML로 L.DivIcon을 살펴보십시오 (내 대답과 동일). – YaFred

오,이 사람은 완벽했습니다. 고맙습니다! – unknownid

전단지에 라벨링 문제가 있음

답변

관련 문제