Frage zu Google Map

wendan12 · 03.11.2010

Hey, will eine Seite erstellen, wo Google Map drauf kommen soll. Habe da im auch einige Beispiel fuer gefunden. (Baufinanzierung in Frankfurt, ).
Doch irgendwie stehe ich auf dem schlauch.
Kann mir da einer weiter helfen ?
THX

CrazyLopp · 03.11.2010

AW: Frage zu Google Map

Du müsstest schon dein Problem etwas beschreiben, weil so kann dir niemand helfen!

cebito · 03.11.2010

AW: Frage zu Google Map

CrazyLopp schrieb:
Du müsstest schon dein Problem etwas beschreiben, weil so kann dir niemand helfen!

dito, wo bleibt die Frage :rolleyes:

@TE, klick mal die rote Zeile in meiner Signatur, da gibts ein bissl Lesestoff.

FreakD · 03.11.2010

AW: Frage zu Google Map

Ich denk mal, er fragt sich, wie er das auf seiner seite einbauen kann!

Tutorial: Google Map API, Teil 1

Pixelverwender · 03.11.2010

AW: Frage zu Google Map

Völlig unabhängig davon, WAS Du mit Googlemaps machen möchtest:

1. Schritt ist die Anmeldung/Registrierung für den Zugriff auf die Google API (Schnittstelle zur Anwendungsprogrammierung).

Möchtest Du einfach "nur" eine interaktive Karte einbinden, benötigst Du einen Key, den Du nach der (kostenlosen) Registrierung erhältst.

Alles weitere, wie auch Beispiele zur Einbindung oder Erstellen eigener Marker, findest Du in der Dokumentation zur Google API, auf die dort auch verlinkt wird.

Weitere Infos:

wendan12 · 03.11.2010

AW: Frage zu Google Map

Wie ich ne Map erstelle und einfuege ist schon soweit klar, mir geht es darum, wie in den beiden Beispielen das es als Popup oder wie bei Lightbox aufgeht.
Also ich meine .....So finden Sie uns ...(Link) und dann nicht im neuen Browser Fenster sondern als Popup.

Pixelverwender · 03.11.2010

AW: Frage zu Google Map

Mit dem altbekannten klassischen Javascript-Befehl.

Code:

<a href="#" onclick="window.open('dateiname-des-popups.html','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=450,height=450,left=100,top=20') ">So finden Sie uns</a>

Mit ein bisschen Nachfrage beim allwissenden großen G stößt man unweigerlich auch auf diesen Link:

Und bevor ich jetzt noch jemandem Getränke bringe oder den kleinen Finger aus der Sonne lege, lass ich's gut sein :rolleyes:

wendan12 · 03.11.2010

AW: Frage zu Google Map

Pixelverwender schrieb:
Mit dem altbekannten klassischen Javascript-Befehl.

Code:

<a href="#" onclick="window.open('dateiname-des-popups.html','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=450,height=450,left=100,top=20') ">So finden Sie uns</a>

Mit ein bisschen Nachfrage beim allwissenden großen G stößt man unweigerlich auch auf diesen Link:

Und bevor ich jetzt noch jemandem Getränke bringe oder den kleinen Finger aus der Sonne lege, lass ich's gut sein

Ein link ist klar, aber irgendwie stehe ich auf den schlauch.Will nicht eine neue seite machen sondern alles in einen AP (Element,Container) machen. Der soll dann beim klick auf den Link aufgehen mit der google map.
Oder stehe ich da jetzt auf den schlauch ?

Pixelverwender · 03.11.2010

AW: Frage zu Google Map

Was bitteschön ist denn ein AP, der dann auch noch aufgehen soll???

wendan12 · 03.11.2010

AW: Frage zu Google Map

Pixelverwender schrieb:
Was bitteschön ist denn ein AP, der dann auch noch aufgehen soll???[/quo

Habe es korigiert ^^, haste Du dir mal den 2 Link angeschaut, was da pasiert ? Diesen Effekt meine ich.Den bekomme ich nicht hin bzw. weiss net wo ich da anfangen soll.

Pixelverwender · 03.11.2010

AW: Frage zu Google Map

Jetzt kommen wir der Sache schon näher - cebito hatte nicht unrecht mit "Wie stelle ich meine Frage richtig?"

Das ist ein Mix aus Lightbox (optisches Erscheinungsbild des Popup), Google Map itself und entweder

- PHP/mySQL mit den in einer Datenbank abgelegten Adressen und entsprechend generiertem Link zur Googlemap API

oder

die Adressen wurden inkl. Geocodierung tatsächlich als statischer Link gesetzt (jede Menge Fleißarbeit).
Die Daten der Geocodierung für einen Ort findest Du z.B. über

wendan12 · 07.11.2010

AW: Frage zu Google Map

Hey nach langen Lesen etc.:'( habe ich eine Lösung gefunden. Doch leider komme ich da ohne Hilfe nicht weiter. Beschaeftige mich seit ca. ein Monat mit HTML und CSS, nur jetzt noch der Code :kopfpatsch:.
Nun meine Frage, kann mir einer den Code erstellen fuer einen Inline mit width="425" und height="350" ? Meine diesen Java Code, der dann in der FancyBox geht.
THX

wendan12 · 07.11.2010

AW: Frage zu Google Map

Habe es zum Teil hinbekommen, der Inline link geht im Firefox nur 1 mal, danoch muss ich die Seite aktual.Im IE 8 geht er nicht der Iframe geht ist aber auf kleinen Monitoren naja.... kann da bitte mal einer ueber den Code schauen ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Unbenanntes Dokument</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.3.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.3.css" media="screen" />
<link href="style/layout.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
$("#various1").fancybox({
'titlePosition' : 'inside',
'transitionIn' : 'none',
'transitionOut' : 'none'
});

$("#various3").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
});
</script>

<ul>
<li><a id="various1" href="#inline1" title="So finden Sie uns">Inline</a></li>
<li><a id="various3" href=http://maps.google.de/?ie=UTF8&ll=48.250283,9.810791&spn=2.593328,7.13562&z=8">Iframe</a></li>
</ul>
<div style="display: none;">
<div id="inline1"
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/?ie=UTF8&ll=48.250283,9.810791&spn=1.280229,2.334595&z=8&output=embed"></iframe><br /><small><a href="http://maps.google.de/?ie=UTF8&ll=48.250283,9.810791&spn=1.280229,2.334595&z=8&source=embed" style="color:#0000FF;text-align:left">Größere Kartenansicht</a></small>
</div>

THX