Google Maps Marker aus DB lesen udn anzeigen

[FoolMoon]

Hallo Community,

mittlerweile ist es mir gelungen eine Google Maps Karte über JS zu erstellen, diese in meine Seite einzubinden und mit einigen Markierungen zu versehen.

Allerdings soll sich das Script die Markierungen nun aus einer MySQL automatisch laden.
Was genau muss ich dafür tun? Hat jemand ein möglichst kompaktes und kurzes Beispiel?

Die MarkerTabelle hat folgende Spalten:

id
name
art
infobox
anzahl
lat
lng

Kann mir jemand einen Impuls geben wie ich dies nun auslesen kann und automatisch meine Markierungen auf der Google Maps Karte platziere?

 

[Parantatatam]

Schau dir doch die API dazu an: http://code.google.com/intl/de/apis/maps/documentation/javascript/overlays.html#AddingOverlays

 

[FoolMoon]

Schau dir doch die API dazu an: http://code.google.com/intl/de/apis/maps/documentation/javascript/overlays.html#AddingOverlays

Die API nutze ich bereits seit Tagen. Aber wie hilft mir nun dein Link, vor allem auf AddingOverlays, bei meinem Problem weiter?

 

[Parantatatam]

Ansatz: lies die relevanten Daten mit einer serverseitigen Sprache wie PHP aus und lass sie dir dann im JSON-Format ausgeben. Das liest du dann per AJAX aus (oder lässt es dir an gegebener Stelle auf deiner Webseite in eine Variable speichern). Dann noch eine Schleife dazu und fertig.

 

[FoolMoon]

Mit PHP aus der DB auslesen bekomm ich hin.
Was ist das JSON-Format und wie verwende ich AJAX. Ich bin in dieser Thematik (Skriptsprachen) noch nicht so gut.

Hast du ein Beispiel, bei dir klingt das so einfach?
Hast du das selber schon mal mit Google Maps gemacht, oder weißt du es nur theoretisch?

 

[Parantatatam]

JSON: http://www.json.org/json-de.html
Dazu gibt es auch schon implementierte Funktionen in PHP: http://de.php.net/json_encode

Du könntest das dann quasi so lösen:

<?php $array = array(/* Daten aus der Datenbank */); ?>
<script type="text/javascript">
  var markers = <?php echo json_encode($array); ?>;
</script>

Und nein, ich habe noch nie mit der API gearbeitet, finde sie aber sehr gut dokumentiert.

 

[FoolMoon]

Du sagst also:

1 - In PHP die Markierungen aus der MySQL DB auslesen.
2 - JSON verwenden. Dies speichert die Werte als Dokument auf dem Server ab.
3 - Über JS das Dokument laden und den Array auslesen. Die Inhalte sind die Werte für die Markierungen.


Frage:
Jetzt wo ich darüber nachdenke, ist es eventuell einfacher die Markierungen erstmal in die DB abzuspeichern. Dies muss ich auch tun. Spricht durch das setzen einer Markierung auf der Karte muss ein Eintrag in MySQL stattfinden. Ist dies die gleiche Vorgehensweise nur rückwärts?

 

[Parantatatam]

In dem Fall solltest du dann doch AJAX verwenden. Oder Websockets, aber die werden noch nicht so weit unterstützt. Aber ansonsten kannst du die Variante invers verwenden, ja.

 

[FoolMoon]

Ich hab AJAX noch nie verwendet. Bin ich der erste der Das Problem mit Google Maps hat? Kann ich mir nicht vorstellen.

Ich hab mir http://www.tutorials.de/javascript-ajax/344962-google-maps-geocoding-sql-speichern.html durchgelesen. Ich finde einfach nichts wo ich es übernehmen könnte.

Mir ist klaar, das ich die Verbindung zwischen JS über PHP auf MySQL realisiere, aber WIE ? ? ?