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

【问题标题】：How do I make a label show up without a mouseover on leaflet polygons?如何在传单多边形上没有鼠标悬停的情况下显示标签？
【发布时间】：2020-01-22 15:57:23
【问题描述】：

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

包含的文件：

<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)

【问题讨论】：

标签： jquery leaflet tooltip polygon geojson

【解决方案1】：

您可以使用 Div-Marker 创建自己的标签：https://stackoverflow.com/a/59422437/8283938

或者您可以在工具提示中添加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 });

【讨论】：