OSM html-Seite einbinden

Hallo,

ich habe mit dem Kartengenerator http://www.mediensyndikat.de/generator/ eine Seite für meine eigene Webseite erstellt.
Funktioniert prima und wird lokal auch angezeigt.
Nur wenn ich sie in meine Webseite einbinde, habe ich eine weiße Seite, egal ob über den klassischen Editor oder über den Divi-Builder mit Code einfügen.
Datei anbei.
Was mache ich falsch? Javascript ist aktiviert.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>comapp openstreetmap-Generator</title>
	<link rel="stylesheet" type="text/css" href="http://www.comapp-online.de/osm3/shared/css/generator_3.0/map.css" />
</head>
<body id="fe">
	<div id="map"></div>
	<script type="text/javascript" src="http://openlayers.org/api/OpenLayers.js"></script>
	<script type="text/javascript" src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js"></script>
	<script type="text/javascript" src="http://www.comapp-online.de/osm3/shared/js/jquery_1.8.3/jquery.min.js"></script>
	<script type="text/javascript" src="http://www.comapp-online.de/osm3/shared/js/plugins/jquery.flash.js"></script>
	<script type="text/javascript" src="http://www.comapp-online.de/osm3/shared/js/plugins/modernizr_2.6.2.js"></script>
	<script type="text/javascript" src="http://www.comapp-online.de/osm3/shared/js/generator_3.0/mapGenerator.min.js"></script>
	<script type="text/javascript">
		(function($){
			// ********** - comapp - mapGenerator jsonData - start - ************ //
			var json = {"version":3,"locale":"de","units":"m","flashPath":"http://www.comapp-online.de/osm3/shared/swf/audioPlayer.swf","iconPath":"http://www.comapp-online.de/osm3/shared/img/marker/","geoPath":"http://www.comapp-online.de/osm3/shared/ajax/geopos.php","title":"Ahnen","descriptionStartStatus":1,"descriptionText":"Geographische%20Darstellung%20der%20Geburtsorte","descriptionButtonShowText":"Informationen und Hilfe zur Karte anzeigen","descriptionButtonHideText":"Informationen und Hilfe zur Karte verstecken","audioPlayImage":"http://www.comapp-online.de/osm3/shared/img/play.png","audioStopImage":"http://www.comapp-online.de/osm3/shared/img/stop.png","audioDownloadImage":"http://www.comapp-online.de/osm3/shared/img/download.png","geoDownloadImage":"http://www.comapp-online.de/osm3/shared/img/geo.png","lon":12.7986328125,"lat":51.994999298074,"zoom":7,"panzoombar":1,"permalinkchk":1,"scaleline":1,"showPopupOnHover":true,"markers":[{"markerName":"Aken","markerLon":12.046263963728935,"markerLat":51.852716936161876,"markerIconImage":8,"markerContent":"Aken"},{"markerName":"Karow","markerLon":12.265303880721328,"markerLat":52.343910680398494,"markerIconImage":10,"markerContent":"Karow"}],"requiredField":"Dieses Feld muss ausgefüllt werden."};
			// ********** - comapp - mapGenerator jsonData - end - ************ //
			$.fn.getJsonData = function() {
				return json;
			};
			$('body').mapGeneratorModel('initVal');
			$('body').mapGeneratorMap('buildMap');
			$('body').mapGeneratorMap('setBaseMode');
		})(window.jQuery);
		
		
		if (!window.console) console = {
			log: function() {},
			info: function() {},
			warn: function() {},
			error: function() {},
			debug: function() {}
		};
		function setFlashStatus() {
			$('body').mapGeneratorModel('setFlashStatus',true);
		}
	</script>
	<script type="text/javascript" src="http://mediensyndikat.de/geo/generator2.js"></script>
</body>
</html>

Läuft Deine Seite über SSL (url im Browser beginnt mit https)?

Dann wird die Karte aus Sicherheitsgründen vom Browser nicht angezeigt, weil die ganzen Skripte und Dateien in Deinem codebeispiel nur über http referenziert sind und nicht über https. Versuche mal, alle Vorkommen von “http” in “https” zu ändern (in der Hoffnung, dass die jeweiligen Server auch für SSL vorbereitet sind).

Die Browserkonsole (Strg+Shift+K im FF) ist auch ein guter Startpunkt zur Analyse.