Hallo,
ich habe für meine eigene Webseite eine Karte mit diesem Generator erstellt:
http://www.mediensyndikat.de/generator/
Das funktioniert sehr einfach und die Seite wird lokal auch dargestellt.
<!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>
Wenn ich sie jedoch in meine Webseite einbinde, habe ich eine weiße Seite, egal ob ich den klassischen Editor nutze oder den Divi-Builder (Code einfügen).
Was mache ich falsch? Javascript ist aktiviert.
Danke und Grüße
ahnen