x

OSM html-Seite einbinden

  1. OSM html-Seite einbinden · ahnen63 (Gast) · 11.03.2020 15:43 · [flux]

    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>
    • Re: OSM html-Seite einbinden · Spiekerooger (Gast) · 12.03.2020 09:49 · [flux]

      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).

    • Re: OSM html-Seite einbinden · PHerison (Gast) · 12.03.2020 09:58 · [flux]

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