You are not logged in.

Announcement

*** NOTICE: After 30th of September 2022 the forum.openstreetmap.org will be retired, please request a category for your community in the new ones as soon as possible using this process, which will allow you to propose your community moderators. We expect the migration of data will take a few weeks, you can follow its progress here.***

#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