아이콘없이 전단지지도에 텍스트 전용 레이블을 추가하는 방법

아이콘을 표시하지 않고 마커 또는 다른 것을 사용하여 Leaflet 맵에 텍스트를 표시하는 방법을 찾고 있습니다. 텍스트 만 표시하고 스타일을 지정하고 회전하고 싶습니다 ... 어떤 제안?

이미지 대신 간단한 div 요소를 사용하는 마커의 경량 아이콘을 나타내는 Leaflet L.DivIcon 기능을 사용하여 문제를 해결했습니다.이 마커에는 html 및 className 옵션이있어 CSS로 라벨을 만들 수 있습니다. 스타일 ...

Leaflet 1.0 업데이트 : Leaflet 1.0부터 Leaflet.label 플러그인 은 Leaflet 코어에 포함되어 있기 때문에 폐기 되었습니다 L.Tooltip. 소스 스크립트를 포함 할 필요가 없으며 구문이 약간 변경되었습니다. 샘플 사용법 :

var marker = new L.marker([39.5, -77.3], { opacity: 0.01 }); //opacity may be set to zero
marker.bindTooltip("My Label", {permanent: true, className: "my-label", offset: [0, 0] });
marker.addTo(map);

CSS 스타일은 이전과 같은 방식으로 클래스에 적용될 수 있습니다.

.my-label {
    position: absolute;
    width:1000px;
    font-size:20px;
}

또한 마커 불투명도가 완전히 0으로 설정되어있을 수 있습니다.

<script src="scripts/leaflet.label.js"></script>

Leaflet Label 플러그인을 사용하면 레이블이 마커에 직접 연결되지만 레이블 만 보이도록 마커의 불투명도를 거의 0으로 설정할 수 있습니다. (표식의 불투명도를 0으로 설정하면 관련 레이블도 사라집니다.)

var marker = new L.marker([39.5, -77.3], { opacity: 0.01 });
marker.bindLabel("My Label", {noHide: true, className: "my-label", offset: [0, 0] });
marker.addTo(map);

그런 다음 CSS를 사용하여 레이블의 스타일을 적절하게 지정할 수 있습니다.

.my-label {
    position: absolute;
    width:1000px;
    font-size:20px;
}

이 Leaflet 플러그인으로 시작할 수 있습니다 . 원하는대로 마커를 만들거나 편집 할 수 있습니다. 텍스트가 기능 속성에서 제공됩니까?

marker.bindTooltip("text here", { permanent: true, offset: [0, 12] });

이것은 나를 위해 작동