Code erst nach Klick des Besuchers laden

Hallo zusammen,

ich nutze als Google-Map ein Widget von elfsight.com

Dieses wird per Script mittels Code geladen.

Nun habe ich festgestellt, dass das Widget die Google-Schriftart "roboto" nachlädt.

Ich habe die Programmierer schon kontaktiert. Dort teilte man mir mit, dass es nicht anders ginge.

"Our widgets use font Roboto from googleleaps and, unfortunately, it's impossible to remove it due to technical restrictions from Google side."

Das ist sehr ärgerlich, zumal ich schon eine Abmahnung von Rechtsanwalt Kilian Lenard deshalb erhalten habe.

Da ich das Widget gerne weiternutzen möchte, suche ich nach einer Möglichkeit, den Code erst nach einer Bestätigung durch den Website-Besucher zu laden.

So wie ich das mit "CCC Two Click" für die Einbindung einer normalen Google-Map umsetzte. Hier ein Beispiel (ganz am unteren Ende der Website)

Hat jemand eine Idee, wie ich das umsetzten kann? Oder eine passende Erweiterung parat?

Ich bin für jede Hilfe dankbar.

Re:Later

Deshalb suche ich nach einer Möglichkeit, den Code erst durch aktiven Klick des Besuchers laden zu lassen.

Hast du eine Idee?

Zitat von Elwood

Wäre denn Openstreetmap eine Option?

Ist denkbar. Ich habe mich noch nicht damit befasst.

Nach dem ersten Eindruck lässt sich keine individuelle Karte erstellen.

Ich möchte gerne so eine Karte wie im Anhang erstellen.

Hast du Erfahrung mit Openstreetmap?

Zitat von -OJ-

Warum nutzt du nicht CCC Two Click? Damit kann man, wenn ich mich richtig erinnere, doch auch iFrames einbinden...

Ich nutze CCC Two Click für die "normalen" Google Maps.

Mir ist nicht bekannt, wie ich ein Script damit einbinde.

Zitat von Elwood

Arbeite mit dem OSM-Package von astrid :

Danke, aber da erhalte ich eine Fehlermeldung: "0 Call to undefined method Com_AgosmsInstallerScript::addDashboardMenu()"

Elwood

Ah, ich sehe. Ich benutze noch Joomla 3

Moin,

vielen Dank für eure Tipps.

Ich habe den Code in eine HTML-Datei geschrieben und lasse sie per iFrame von CCC Two Click laden.

Funktioniert wunderbar!

Einzig ein dünner Rand bleibt stehen. https://www.steintor-news.de/ (ganz nach unten scrollen).

Kann man diesen irgendwie umgehen?

Zitat von kitepascal

Kannst du der elfsight Map (dem Widget/Iframe) CSS hinzufügen?

Ja, das ist möglich. Leider hat es keine Auswirkung gehabt.
Ich hatte auch schon in der HTML versucht eine CSS einzufügen sowie dem DIV ein "style="margin:0;" zu geben - hat alles nicht funktioniert.

Hallo kitepascal,

ich habe jetzt den richtigen Code von elfsight erhalten:

.global-styles, body {
  margin: 0;
}

Dein Tipp hat mich aber erst auf die richtige Spur gebracht. Vielen Dank.