Firefox 68 ESR - Popup oder newTab mit JavaScript öffnen

FF 68 ESR

Frage:

Ich suche eine Möglichkeit ein Popup auf meiner eigenen Seite korrekt zu öffnen. Leider lade ich immer im Popupblocker.

Ziel:

Der User klickt auf einen Button, JavaScript sollen einen neuer Tab auf eine andere externe WebSeite (z. B. OpenStreetMap) öffnen.

Beispiel (auf AngurlarJS basierend)

               if (typeof response.data[0].lat === 'string') {
                
                sOsmData = 'https://www.openstreetmap.org/?mlat='+response.data[0].lat+'&mlon='+response.data[0].lon+'#map=18/'+response.data[0].boundingbox[1]+'/'+response.data[0].boundingbox[3];
                
                // Open in new Browser tab, funktioniert erst mit einer Zeitverzögerung??? Popup Blocker
                $timeout(function() {
                 window.open(sOsmData,'_blank');
                }, 3000);                 
                
               }

Danke für Tipps....

...leider klappt das [Bearbeiten] + [Speichern] meiner obigen Nachricht nicht, deshalb...

UPDATE

Beispiel HTML

<input href="#" ng-click="osm_position_ermitteln($event)" value="Karte" >

Hier ein Klick, wie sich der Popup bzw. ein neuer Tab korrekt öffnet siehe Knopf [Try it]

https://www.w3schools.com/jsref/tryit.as…yjsref_win_open

Es muss also irgendetwas mit dem click event bzw. mit AngularJS zu tun haben

UPDATE 2

wenn ich es mit einem iFrame versuche, kommt immer dies

// Open in new Browser tab, funktioniert erst mit einer Zeitverzögerung??? Popup Blocker
$timeout(function() {
 $window.open(sOsmData,'iframe_a');
}, 3000); 

Ausgabe im iFrame

Zitat

Blockiert von der Inhaltsicherheitsrichtlinie (CSP)

Beim Verbinden mit http://www.openstreetmap.org trat ein Fehler auf.

Firefox hat diese Webseite daran gehindert, auf diese Weise geladen zu werden, weil die Webseite eine Inhaltsicherheitsrichtlinie (Content Security Policy) hat, die dies nicht erlaubt.

UPDATE 3

mit folgendem klappt es PRoblemlos, überschreiber aber die aktuelle Seite, was ich nicht möchte...

sOsmData = 'https://www.openstreetmap.org/?mlat='+response.data[0].lat+'&mlon='+response.data[0].lon+'#map=17/'+response.data[0].boundingbox[1]+'/'+response.data[0].boundingbox[3];

//
window.location.href = sOsmData;

LÖSUNG:

1. eine Variable mit einem neue Tab erzeugen

var newTabWindow = $window.open(),

2. erst dann per $http() sich die Parameter zur neuen Seite zusammenstellen

3. nun die OSM Seite wie folgt im neuen Tab öffnen (Detail siehe stackoverflow link)

if (typeof response.data[0].lat === 'string') {
 
 sOsmData = 'https://www.openstreetmap.org/?mlat='+response.data[0].lat+'&mlon='+response.data[0].lon+'#map=17/'+response.data[0].boundingbox[1]+'/'+response.data[0].boundingbox[3];
 
 // die vorab erzeugte Variable nutzen... 
 // https://stackoverflow.com/questions/2587677/avoid-browser-popup-blockers
 newTabWindow.location.href = sOsmData;         

}