Cómo agregar etiquetas de solo texto en el mapa del Folleto sin un icono

20

Estoy buscando una manera de mostrar texto en el mapa de Folletos usando marcadores o cualquier otra cosa sin mostrar ningún icono. Solo quiero mostrar texto y poder diseñarlo y rotarlo ... ¿Alguna sugerencia?

    
pregunta Etienne Desgagné 30.04.2013 - 20:13

3 respuestas

17

Resolví mi problema usando la función LeafDetDivIcon que representa un icono liviano para marcadores que usan un elemento div simple en lugar de una imagen ... Estos marcadores tienen una html y una opción de ClassName que me permiten crear etiquetas. con los estilos css drived ...

    
respondido por el Etienne Desgagné 02.07.2013 - 19:59
14

Actualización para Leaflet 1.0: A partir de Leaflet 1.0, el Leaflet.label plugin es desaprobado, ya que se ha incluido con el núcleo del Folleto como L.Tooltip . No es necesario incluir el script de origen, y la sintaxis ha cambiado ligeramente. Uso de la muestra:

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

El estilo CSS se puede aplicar a la clase de la misma manera que antes.

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

También parece que la opacidad del marcador se puede establecer completamente en 0.

Antes del folleto 1.0: Utilice el Leaflet.label Plugin (ya mencionado por geomajor56).
<script src="scripts/leaflet.label.js"></script>

Con el complemento Leaflet Label, las etiquetas están vinculadas directamente a los marcadores, pero puede establecer la opacidad del marcador en casi cero para que solo la etiqueta sea visible. (Si establece la opacidad del marcador en 0, la etiqueta asociada también desaparecerá).

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

Luego puedes usar CSS para estilizar tus etiquetas como mejor te parezca:

.my-label {
    position: absolute;
    width:1000px;
    font-size:20px;
}
    
respondido por el James Lawruk 27.08.2014 - 22:09
4

Puede comenzar aquí con este complemento de folleto . Probablemente cree o edite un marcador a su gusto. ¿El texto proviene de atributos de características?

    
respondido por el geomajor56 01.05.2013 - 02:37

Lea otras preguntas en las etiquetas