Die Einbindung dieser Karte:
Siehe davor Voraussetzung
1. In einer Blocks-Seite einen HTML-Rahmen erstellen.
2. als Inhalt diesen Code eingeben:
<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>
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
function createMarker(point,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click",
function() {
marker.openInfoWindowHtml(html);
}
);
return marker;
}
var map = new GMap2(document.getElementById("map"));
// Zoom: GLargeMapControl() = Zoom mit Slider GSmallMapControl() = Zoom mit Tasten
map.addControl(new GLargeMapControl());
// Die Control Tasten (Karte, Satellit, Hybrid)
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(50.9415187027125, 6.958465576171875),13);
var point = new GLatLng(50.941522082903475,6.958444118499756);
var marker = createMarker(point,'<div style="width:240px">Marker mit Link zu dem <a href="http://www.koelner-dom.de/">Kölner Dom</a> - das berühmteste Wahrzeichen Kölns.</div>')
map.addOverlay(marker);
var point = new GLatLng(50.937851050731,6.9375228881836);
var marker = createMarker(point,'Downtown Club<br />Brabanter Str. 15<br />50674 Köln')
map.addOverlay(marker);
var point = new GLatLng(50.936404192316,6.9661045074463);
var marker = createMarker(point,'Deutzer Brücke')
map.addOverlay(marker);
}
// display a warning if the browser was not compatible
else {
alert("Google Maps API ist nicht kompatibel mit diesem Browser.");
}
window.onunload = GUnload;
//]]>
</script>