You are not logged in.

#1 2020-03-11 14:56:37

ahnen63
Member
Registered: 2020-03-11
Posts: 3

OSM html-Seite einbinden

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

Offline

Board footer

Powered by FluxBB