Geschrieben von Alexander Fischer.

Google Maps in eine Webseite einbinden

Seite 1 von 2

Beispiel für das Einbinden einer Google Maps Karte

Google Maps Beispiel 1

Die Karte wird um einen Marker zentriert, dessen Position wird hierbei nur über Straße, Ort und das Land definiert.

t<script src="http://maps.google.com/maps?file=api&v=2&key=[hier API-key eingeben]"
type="text/javascript"> </script>

<script type="text/javascript">

//<![CDATA[

var map = null;
var geocoder = null;

function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(51.512001,7.462206), 13);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
geocoder = new GClientGeocoder();
}
}
function showAddress() {
var address = 'Brückstraße 21 , Dortmund, DE';
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + " not found");
}
else {
map.setCenter(point, 15);
var marker = new GMarker(point);
map.addOverlay(marker);
}
}
);
}
//]]>
</script>
<body onload="initialize(); showAddress();" onunload="GUnload()">
<div id="map_canvas" style="width: 500px; height: 300px"></div>
</body>