|
|
|
#*****************************************************************#
# Webservice: #
# Google Maps API v.2 (geo-position suchen) #
#*****************************************************************#
# Javascript:
<script src="http://maps.google.com/maps?file=api&v=1&key=ABCDEFGHIJK12345" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function createMarker(point,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
function onLoad() {
// JavaScriptversion des Browsers prüfen
if (GBrowserIsCompatible()) {
// Objekt erzeugen
var map = new GMap2(document.getElementById("map"));
// Koordinaten (latitude/longitude) und Zoomfaktor
map.setCenter(new GLatLng(52.28,8.04), 13);
// Steuerelemente in 3 Größen möglich: GLargeMapControl,
// GSmallMapControl und GSmallZoomControl
map.addControl(new GLargeMapControl());
// Ausgabe als Karte, Foto oder Hybrid
map.addControl(new GMapTypeControl());
// Markierung setzen
var point = new GLatLng(52.283046,8.027787);
var html = '<img src="bild.jpg">'
// Textfeld für Markierung
map.addOverlay(createMarker(point,html));
}
}
//]]>
//script>
# HTML
<body onLoad="onLoad()">
<div id="map" style="width: 500px; height: 500px"></div>
</body>
|