Hallo, ich bräuchte mal Hilfe bei Google Map API. Ich versuche in die Karte andersfarbige Marker einzusetzen, der Code dazu sieht folgender maßen aus:
Code:
<script src="http://maps.google.com/maps?file=api&v=2&key=xxxxxxx"
type="text/javascript"></script>
<script type="text/javascript">
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
if (GBrowserIsCompatible()) {
// Eigene Marker
var m1 = new GIcon(baseIcon, "http://www.wandercache.de/marker/1.png", null, "http://maps.google.com/mapfiles/kml/pal2/icon27s.png");
// Marker erstellen
function createMarker(point,html) {
var marker = new GMarker(point)
// Zeige Info Fenster bei Klick
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
// Karte auf Deutschland ausrichten, Zoom und Navigationsleiste anzeigen, Kartentyp festlegen
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addMapType(G_PHYSICAL_MAP);
map.enableScrollWheelZoom();
map.setCenter(new GLatLng(51.1656910, 10.4515260), 6, G_HYBRID_MAP);
// 2 Icons mit Info-Fenster
var point = new GLatLng(50.9406645, 6.9599115);
var marker = createMarker(point,'<div style="width:200px">Geburtsstätte des Wandercaches <a href="http://www.wandercache.de"> www.wandercache.de</a><br><strong>Status: </strong>Noch nicht auf Reisen ' m1)
map.addOverlay(marker);
// var point = new GLatLng(50.7327045, 7.0963113);
// var marker = createMarker(point,'Testmarker 2 ohne Link aber mit fetter<br/><b>Schrift</b>')
// map.addOverlay(marker);
}
}
}
</script>
Leider wird mir nicht angezeigt, wenn ich den Code so ausführe. Wäre nett, wenn mir jemand sagen könnte, wie ich den Code ändern muss, damit ich selbst definierte Marker in die Karte einbinden kann.