mit Javascript eine externe Script-Datei laden und ausführen

[Linuchs]

Moin,

in meinen Kalendern zeigte ich bisher Landkarten (z.B. OSM, Google). Damit greift eine fremde Domain auf meine Seite zu und greift Daten ab.

Das möchte ich ändern und die "Zutaten" der Landkarte, u.a. Script-Dateien, erst nach Klick durch den Besucher laden und ausführen.

Doch wohin soll ich die laden?

document.getElementsByTagName("head")[0].append('<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet-src.js" integrity="sha512-WXoSHqw/t26DszhdMhOXOkI7qCiv5QWXhH9R7CgvgZMHz1ImlkVQ3uNsiQKu5wwbbxtPzFXd1hK4tzno2VqhpA==" crossorigin=""><\/script>');
document.getElementsByTagName("head")[0].append('<script src="css/leaflet_cluster_src.js"><\/script>');

Vermutlich falscher Ort, weil der "Render" dort schon vorbeigelaufen ist.

Aber auch in die "Zukunft" kann ich es nicht platzieren, weil "remso_map" zu diesem Zeitpunkt noch nicht bekannt ist.

document.getElementById("remso_map").append('<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet-src.js" integrity="sha512-WXoSHqw/t26DszhdMhOXOkI7qCiv5QWXhH9R7CgvgZMHz1ImlkVQ3uNsiQKu5wwbbxtPzFXd1hK4tzno2VqhpA==" crossorigin=""><\/script>');
document.getElementById("remso_map").append('<script src="css/leaflet_cluster_src.js"><\/script>');

Wie geht es richtig?

Gruß, Linuchs