Google Maps für alle Web to Date Versionen

[blue]

In der neuen Version 6.0 findet man das Plugin Google Maps. Ich möchte einmal zeigen wie das ganz einfach und noch viel schöner (mit Logo und vollen Kontrollmöglichkeiten der Map) auch für alte Versionen von Web to Date funktioniert.

<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAA3ZP12g8vUuGLarQKo4iqlBQzh2yidqKXt37Oysc4HvnUwfkLzhRuleESe9rtEAmrn4lrLp1CC9b11g"></script>
<script type="text/javascript">
google.load("maps", "2.x");
function initialize() {
var map = new google.maps.Map(document.getElementById("map"));
map.setCenter(new google.maps.LatLng(54.20230302639785,9.090768098831177), 8); //Position und Zoomfaktor
// map.setMapType(G_NORMAL_MAP); // Maptype beim Start Normal Karte
map.setMapType(G_SATELLITE_MAP); // Satellitenansicht
// map.setMapType(G_HYBRID_MAP); // Hybridansicht 
map.addControl(new GLargeMapControl()); // Schieberegler für den Zoom
// map.addControl(new GSmallMapControl()); // Setzt eine kleine Schaltfläche für Zoom
map.addControl(new GScaleControl()); // Massstab anzeigen
 
map.addOverlay(new GMarker(map.getCenter())); //Setzt einen Marker 
map.openInfoWindowHtml(map.getCenter(),'<p style="color:black;"><div style="width: 160px; padding-right: 3px"><img border="0" src="http://www.98fahrenheit.de/98fw.gif"></div></p>'); //Inhalt des Markers z.B. Logo
 
map.addControl(new GOverviewMapControl()); // Schaltet ein Übersichtscontrol in der recten unteren Ecke ein
}
google.setOnLoadCallback(initialize);
</script>
<div id="map" style="width: 630px; height: 472px"></div>

Jetzt nur noch einen HTML-Absatz erstellen, diesen Code reinkopieren und anpassen. Die Größe kann im DIV Container unten angepasst werde.

Die genauen Koordinaten bekommen wir auf http://maps.google.de

den API Schlüssel auf http://code.google.com/intl/de/apis/maps/signup.html

So sollte es danach aussehen:
http://www.webtodateforum.de/wir-ueber-uns.php

[MJCool]

Brauch ich ein Google Konto um einen API Schlüssel zu beantragen?

[blue]

Denke schon...

[MJCool]

Die genauen Koordinaten bekommen wir auf http://maps.google.de

wo genau finde ich da die Koordinaten für meine Stadt?
und wo muss ich die dann eintragen?

[blue]

map.setCenter(new google.maps.LatLng(54.20230302639785,9.090768098831177), 8); //Position und Zoomfaktor

Die bekommt man wenn man bei Google maps seine Position ansurft und oben rechts auf Link klickt!

[voodoo36]

Hallo Blue, ist es möglich die Ecke recht unten höher zu setzten, damit der Text von google nicht aus dem Fenster ragt?

[blue]

map.addControl(new GMapTypeControl());

[voodoo36]

OK, HABE ICH JETZT ALLES HINBEKOMMEN... SORRY
KANN MAN SCHALTFLÄCHEN EINBAUEN SO WIE BEI DEINEM LANDKARTEN GÄSTEBUCH ?
Karte, Satellit, Hybrid - rechts oben?

So möchte ich es gerne haben!

[jokertest]

Hi,
für alle die es noch interessiert, die schaltflächen (satellit, earth) werden mit folgendem eintrag sichtbar:
map.setUIToDefault();

Gruß an alle im Forum

[jokertest]

hallo,
ich muss mich hier berichtigen. earth ist mit diesem eintrag nicht sichtbar, aber label anzeigen, satellit, oder karte kann ausgewählt werden.
gruß an alle