如何在没有鼠标悬停在传单多边形上的情况下显示标签？

Question

我正在尝试在传单地图上标记我的 geojson 多边形。我知道 label plugin has been deprecated 并且我应该改用工具提示。但是，只有当我将鼠标悬停在多边形上时，我的工具提示才会出现。我希望它们只显示在我的多边形顶部作为普通标签，上面没有箭头。这是我的代码，但它的作用是在鼠标悬停时显示我的标签。我只希望他们显示 而无需 采取任何行动。我该怎么做？

包含的文件：

<script src="js/leaflet.js"></script>
<script src="js/leaflet.ajax.min.js"></script>
<script src="data/parcels-fifth.geojson"></script>

jquery:

    var map = L.map('map').setView([40.350632, -79.86776], 19); //set up map

    L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}{r}.{ext}', {
        attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> &mdash; Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
        subdomains: 'abcd',
        minZoom: 0,
        maxZoom: 20,
        ext: 'png'
    }).addTo(map);

    var parcels = new L.GeoJSON.AJAX("data/parcels-fifth.geojson",{
        onEachFeature: function (feature, layer) {
            layer.bindTooltip(feature.properties.PROPERTYHOUSENUM__asmt + " " + feature.properties.PROPERTYADDRESS__asmt + "<br>" + feature.properties.USEDESC__asmt, { 'noHide': true });
        }
    }).addTo(map)

Answer 1

您可以使用 Div-标记创建自己的标签：

或者您可以将 permanent: true 添加到工具提示：https://leafletjs.com/reference-1.6.0.html#tooltip-permanent

layer.bindTooltip(feature.properties.PROPERTYHOUSENUM__asmt + " " + feature.properties.PROPERTYADDRESS__asmt + "<br>" + feature.properties.USEDESC__asmt, { 'permanent': true });

如何在没有鼠标悬停在传单多边形上的情况下显示标签？

How do I make a label show up without a mouseover on leaflet polygons?

jquery

polygon

tooltip

geojson

leaflet