0

Zeilenumbruch HTML bei Tooltip

Ich habe mir eine Karte gebaut, bei der anstehende Kundentermine angezeigt werden. Wenn ich mit der Maus über einem Punkt bin, soll ein Tooltip angezeigt werden. Nur finde ich bislang keine Möglichkeit, einen Zeilenumbruch oder auch nur ein Leerzeichen zwischen den verschiedenen Daten einzufügen: 

 

 marker.bindTooltip(p.name + p.price + p.disposal + p.tun , {permanent:false, direction:'top'});

2 Antworten

null
    • m2apla gmbh
    • Mathias_Muller
    • vor 11 Tagen
    • Gemeldet - anzeigen

    Das sieht nach openstreetmap aus. Hast du das schon versucht?

    marker.bindTooltip(
      '<div>' +
        '<strong>Titel</strong><br>' +
        'Erste Zeile<br>' +
        'Zweite Zeile' +
      '</div>',
      { direction: 'top' }
    );
    
      • yellow_scissors
      • vor 11 Tagen
      • Gemeldet - anzeigen

       super, klappt. wenn es jemand reproduzieren möchte, hier noch die funktionierende variante mit meinen tabellen-bezügen:

      marker.bindTooltip(
        '<div>' +
          '<strong>' + p.name + '</strong><br>' +
          p.price + '<br>' +
          p.disposal + '<br>' +
          p.tun +
        '</div>',
        { permanent: false, direction: 'top' }
      );
      

Content aside

  • vor 11 TagenZuletzt aktiv
  • 2Antworten
  • 53Ansichten
  • 2 Folge bereits