costel-marian.de

Die Einbindung dieser Karte:

Siehe davor Voraussetzung

1. In einer HTML Seite diesen Code eingeben:

<script type="text/javascript"> 
//<![CDATA[ 
var centerLatitude = 50.9415187027125;
var centerLongitude = 6.958465576171875;
var startZoom = 13;
var description = 'Dom';

var startZoom = 13;
var map;

var gmarkers = [];
var htmls = [];
var to_htmls = [];
var from_htmls = [];
var i=0;


function createMarker(point,name,html) {
	var marker = new GMarker(point);

	to_htmls[i] = html + '<br>Route: <b>Hierhin</b> - <a href="javascript:fromhere(' + i + ')">Ab hier</a>' +
		'<br>Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
		'<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
		'<INPUT value="Zeige Route" TYPE="SUBMIT">' +
		'<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() + 
			// "(" + name + ")" + 
		'"/>';

	from_htmls[i] = html + '<br>Route: <a href="javascript:tohere(' + i + ')">Hierhin</a> - <b>Ab hier</b>' +
		'<br>End address:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
		'<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br>' +
		'<INPUT value="Zeige Route" TYPE="SUBMIT">' +
		'<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +
			// "(" + name + ")" + 
		'"/>';

	html = html + '<br>Route: <a href="javascript:tohere('+i+')">Hierhin</a> - <a href="javascript:fromhere('+i+')">Ab hier</a>';

	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(html);
	});
	gmarkers[i] = marker;
	htmls[i] = html;
	i++;
	return marker;
}

function tohere(i) {
	gmarkers[i].openInfoWindowHtml(to_htmls[i]);
}

function fromhere(i) {
	gmarkers[i].openInfoWindowHtml(from_htmls[i]);
}

function init() {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
		map.setMapType(G_HYBRID_MAP);



		var point = new GLatLng(centerLatitude, centerLongitude);
		var marker = createMarker(point,description,'Bitte mit dem Text hier sparsam sein.<br />Sogar mit einem Link zu dem <a href="http://www.realmacsoftware.com/support/">Forum</a>.')
		map.addOverlay(marker);
	}
	else {
		alert("Google Maps API ist nicht kompatibel mit diesem Browser.");
	}
} 
window.onload = init;
window.onunload = GUnload;
//]]> 
</script>

<div id="map" style="width: 650px; height: 500px"></div>
<noscript>
	<strong>JavaScript muss aktiviert sein um Google Maps zu nutzen.</strong> Es scheint jedoch, dass JavaScript entweder deaktiviert ist oder von Ihrem Browser nicht unterstützt wird. Um Google Maps anzuzeigen aktivieren Sie JavaScript in den Browser-Optionen und versuchen Sie es dann erneut.
</noscript>