java - Leaflet.editable 在顶点的工具提示中显示坐标

Question

我正在使用 leaflet.editable 修改 geoJSON 对象，我想显示带有 GPS 坐标的顶点的工具提示。有没有办法修改顶点来设置工具提示甚至可能使用的图标？

Answer 1

覆盖每个图层类型的默认启用编辑功能:(您必须自己编程，工具提示始终显示!)

L.Polygon.prototype.enableEdit = function (map) {
    if (!this.editor) this.createEditor(map);
    this.editor.enable();
    this.editor.editLayer.eachLayer(function(layer){layer.bindTooltip(""+layer.getLatLng()).openTooltip(); });
    return this.editor;
}

更改图标最快的方法是更改​​ css 样式:

.leaflet-div-icon {
    background: #c72e2e; //maybe you have to add !important
    border-radius: 50%;
}

您也可以尝试更改 VertexIcon https://github.com/Leaflet/Leaflet.Editable/blob/bffa390d3f4caaeb74f74ceba460adc8f283d340/src/Leaflet.Editable.js#L439