태그 보관물: leaflet

leaflet

팝업에 줄 바꾸기 텍스트를 삽입하는 방법 a[2];

Leaflet Marker Cluster를 사용하고 있으며 팝업에 5 개의 다른 라인을 표시해야합니다. 그러나 이것을 쓰면 모두 같은 줄에 있습니다. 누군가 나를 도와 줄 수 있습니까?

var a = addressPoints[i];
            var title = a[2];
            var univ = a[3];
            var direct = a[4];
            var city = a[5];
            var state = a[6];
            var marker = new L.Marker(new L.LatLng(a[0], a[1]), { title: title } );
            marker.bindPopup("Student: " + title + "University: " + univ + "Direction: " + direct + "City: " + city + "State: " + state);
            markers.addLayer(marker);
        }

    map.addLayer(markers);



답변

는 AS 리플릿 문서 상태, Marker#bindPopup첫 번째 매개 변수로 HTML 문자열을받습니다.

줄이 다른 줄에 나타나게하려면 적절한 HTML 마크 업을 추가해야합니다. 귀하의 경우 정의 목록 이 가장 관련이있는 것 같습니다.

그 후:

var list = "<dl><dt>Student</dt>"
           + "<dd>" + title + "</dd>"
           + "<dt>University</dt>"
           + "<dd>" + univ + "</dd>"
           + 

marker.bindPopup(list);


답변