[Erledigt] Marker werden nicht auf Google Maps Karte gezeigt ?!

Blade · 10.11.2009, 16:16

Ich bin dabei Marker aus einer MySQL Datenbank auf einer Google Maps Karte zu zeigen. Da ich noch ziemlich neu in PHP und MySQL bin, habe ich mir das von Using PHP/MySQL with Google Maps - Google Maps API - Google Code aus derem TUT genommen.

Die Datenbank habe ich genau wie dort angezeigt, erstellt.
Der Connect zur Datenbank funktioniert, die phpsqlajax_genxml.php gibt die Daten aus der Datenbank, bei direktem Aufruf ich Browser, auf den Bildschirm aus, die phpsqlajax_map.htm zeigt mir die entsprechende Karte. Aber ohne Marker!

Ich versteh das nicht? Ich habe mir schon den Kopf zerbrochen, was da nicht stimmen könnte?!

Der Key ist Zurzeit auf Localhost gerichtet!

Die anderen beiden dateien "phpsqlajax_genxml2.php" & "phpsqlajax_genxml3.php" brauch ich offensichtlich nicht. Da sie nicht mit einander verlinkt sind?!?

Ich benutze XAMPP for Windows 1.7.2
PHP5.3.0
Apache 2.2.12

Hier der PHP/Quellcode:

phpsqlajax_genxml.php

PHP-Code:

  <?php  

 
require("phpsqlajax_dbinfo.php"); 

 
// Start XML file, create parent node

 
$dom = new DOMDocument("1.0");

$node = $dom->createElement("markers");

$parnode = $dom->appendChild($node); 

 
// Opens a connection to a MySQL server

 
$connection=mysql_connect (localhost, $username, $password);

if (!$connection) {  die('Not connected : ' . mysql_error());} 

 
// Set the active MySQL database

 
$db_selected = mysql_select_db($database, $connection);

if (!$db_selected) {

  die ('Can\'t use db : ' . mysql_error());

} 

 
// Select all the rows in the markers table

 
$query = "SELECT * FROM markers WHERE 1";

$result = mysql_query($query);

if (!$result) {  

  die('Invalid query: ' . mysql_error());

} 

 
header("Content-type: text/xml"); 

 
// Iterate through the rows, adding XML nodes for each

 
while ($row = @mysql_fetch_assoc($result)){  

  // ADD TO XML DOCUMENT NODE  

  $node = $dom->createElement("marker");  

  $newnode = $parnode->appendChild($node);   

  $newnode->setAttribute("name",$row['name']);

  $newnode->setAttribute("address", $row['address']);  

  $newnode->setAttribute("lat", $row['lat']);  

  $newnode->setAttribute("lng", $row['lng']);  

  $newnode->setAttribute("type", $row['type']);

} 

 
echo $dom->saveXML();

 
?>

phpsqlajax_map.htm

PHP-Code:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>

    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>

    <title>Google Maps AJAX + mySQL/PHP Example</title>

    <script src="http://maps.google.com/maps?file=api&v=2&key=api&v=2&key=ABQIAAAAXmADf_6tBOoKpOL7vEoN2xRyULF1bKDZZvW4qhxkkuradgJrBhQvVd-aiL9sTaIzSjlxBuGyKaT4LQ" 

       type="text/javascript"></script>

    <script type="text/javascript">

    //<![CDATA[

 
    var iconBlue = new GIcon(); 

    iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';

    iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';

    iconBlue.iconSize = new GSize(12, 20);

    iconBlue.shadowSize = new GSize(22, 20);

    iconBlue.iconAnchor = new GPoint(6, 20);

    iconBlue.infoWindowAnchor = new GPoint(5, 1);

 
    var iconRed = new GIcon(); 

    iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';

    iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';

    iconRed.iconSize = new GSize(12, 20);

    iconRed.shadowSize = new GSize(22, 20);

    iconRed.iconAnchor = new GPoint(6, 20);

    iconRed.infoWindowAnchor = new GPoint(5, 1);

 
    var customIcons = [];

    customIcons["restaurant"] = iconBlue;

    customIcons["bar"] = iconRed;

 
    function load() {

      if (GBrowserIsCompatible()) {

        var map = new GMap2(document.getElementById("map"));

        map.addControl(new GSmallMapControl());

        map.addControl(new GMapTypeControl());

        map.setCenter(new GLatLng(47.614495, -122.341861), 13);

 
        // Change this depending on the name of your PHP file

        GDownloadUrl("phpsqlajax_genxml.php", function(data) {

          var xml = GXml.parse(data);

          var markers = xml.documentElement.getElementsByTagName("marker");

          for (var i = 0; i < markers.length; i++) {

            var name = markers[i].getAttribute("name");

            var address = markers[i].getAttribute("address");

            var type = markers[i].getAttribute("type");

            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),

                                    parseFloat(markers[i].getAttribute("lng")));

            var marker = createMarker(point, name, address, type);

            map.addOverlay(marker);

          }

        });

      }

    }

 
    function createMarker(point, name, address, type) {

      var marker = new GMarker(point, customIcons[type]);

      var html = "<b>" + name + "</b> <br/>" + address;

      GEvent.addListener(marker, 'click', function() {

        marker.openInfoWindowHtml(html);

      });

      return marker;

    }

    //]]>

  </script>

  </head>

 
  <body onload="load()" onunload="GUnload()">

    <div id="map" style="width: 600px; height: 600px"></div>

  </body>

</html>

agrajag · 10.11.2009, 17:57

Hallo Blade,

installier dir das Firefox-Addon "Firebug". Dort siehst du dann einerseits JavaScript-Errors falls es welche gibt und andrerseits kannst du dir anzeigen lassen ob der Request an dein "Ajax-Script" überhaupt gesendet wird und falls ja siehst du auch was zurückkommt...

Blade · 11.11.2009, 17:16

Danke für den Tipp mit Fireburg. Ich kann damit allerdings nicht viel anfangen!

Ich hab das Problem gelöst

Ich hatte ursprünglich die phpsqlajax_map.htm über den Explorer doppelt angeklickt (wie es ja normalerweise auch macht), da bekam ich nur die Karte zu sehen. Ohne Marker!

Jetzt habe ich durch Zufall die Datei über: "localhost/phpsqlajax_map.htm" geöffnet, und siehe da: Alle Marker wurden angezeigt!

Jetzt kann ich mich daran machen, die Marker und das Info Fenster meinen bedürfnissen an zu passen.

Trotzdem dank an alle..............

nikosch · 15.11.2009, 22:57

Ja, PHP ist nunmal eine serverbasierte Sprache.

http://www.php.de/php-einsteiger/489...rundlagen.html

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Google Maps - dynamisch Marker setzen zwischen zwei Punkten	Maxpumpe	JavaScript, Ajax und mehr	2	20.10.2009 21:38
Google Maps Umkreissuche	karin	PHP Tipps 2009	2	24.08.2009 20:24
google maps response bleibt gleich	matze_te	JavaScript, Ajax und mehr	3	20.08.2009 22:13
[Erledigt] Google Maps Api + Datenbank	Leinberger	JavaScript, Ajax und mehr	3	18.08.2009 02:43
[Erledigt] Google Maps Marker Problem	Destruction	HTML, Usability und Barrierefreiheit	4	10.08.2009 13:27
Google Maps werden im IE6/IE7 nicht komplett dargestellt	Timo	JavaScript, Ajax und mehr	2	16.05.2009 17:56
Scriptsuche Orte mit Google Maps aus DB anzeigen	PCServe	Scriptbörse	0	29.03.2009 12:17
Google maps einbinden	de_Joerg	JavaScript, Ajax und mehr	3	20.09.2008 17:55
Auslesen unterschiedlicher Marker mit Goole Maps API	fabbrauchthilfe	JavaScript, Ajax und mehr	2	19.08.2008 20:41
Google Maps oder Microsoft Maps als Tool einbinden	solitaer	PHP-Fortgeschrittene	3	01.07.2008 05:07
GMapper - Google Maps mit PHP	Dave Waterstone	PHP-Fortgeschrittene	1	17.05.2008 16:51
Google Maps API	cycap	HTML, Usability und Barrierefreiheit	5	25.11.2007 15:16
Google Maps statt OpenGeoDB?	Plague	PHP Tipps 2007	8	18.06.2007 11:43
Google Maps API - Grundeinstellungen	Plague	HTML, Usability und Barrierefreiheit	0	18.08.2006 16:59
Google Maps API - Erfahrungen?	Plague	PHP Tipps 2006	1	17.08.2006 12:13

10.11.2009, 16:16
Blade Neuer Benutzer Registriert seit: 10.11.2009 Beiträge: 28 PHP-Kenntnisse: Anfänger	[Erledigt] Marker werden nicht auf Google Maps Karte gezeigt ?! Ich bin dabei Marker aus einer MySQL Datenbank auf einer Google Maps Karte zu zeigen. Da ich noch ziemlich neu in PHP und MySQL bin, habe ich mir das von Using PHP/MySQL with Google Maps - Google Maps API - Google Code aus derem TUT genommen. Die Datenbank habe ich genau wie dort angezeigt, erstellt. Der Connect zur Datenbank funktioniert, die phpsqlajax_genxml.php gibt die Daten aus der Datenbank, bei direktem Aufruf ich Browser, auf den Bildschirm aus, die phpsqlajax_map.htm zeigt mir die entsprechende Karte. Aber ohne Marker! Ich versteh das nicht? Ich habe mir schon den Kopf zerbrochen, was da nicht stimmen könnte?! Der Key ist Zurzeit auf Localhost gerichtet! Die anderen beiden dateien "phpsqlajax_genxml2.php" & "phpsqlajax_genxml3.php" brauch ich offensichtlich nicht. Da sie nicht mit einander verlinkt sind?!? Ich benutze XAMPP for Windows 1.7.2 PHP5.3.0 Apache 2.2.12 Hier der PHP/Quellcode: phpsqlajax_genxml.php PHP-Code: <?php require("phpsqlajax_dbinfo.php"); // Start XML file, create parent node $dom = new DOMDocument("1.0"); $node = $dom->createElement("markers"); $parnode = $dom->appendChild($node); // Opens a connection to a MySQL server $connection=mysql_connect (localhost, $username, $password); if (!$connection) { die('Not connected : ' . mysql_error());} // Set the active MySQL database $db_selected = mysql_select_db($database, $connection); if (!$db_selected) { die ('Can\'t use db : ' . mysql_error()); } // Select all the rows in the markers table $query = "SELECT * FROM markers WHERE 1"; $result = mysql_query($query); if (!$result) { die('Invalid query: ' . mysql_error()); } header("Content-type: text/xml"); // Iterate through the rows, adding XML nodes for each while ($row = @mysql_fetch_assoc($result)){ // ADD TO XML DOCUMENT NODE $node = $dom->createElement("marker"); $newnode = $parnode->appendChild($node); $newnode->setAttribute("name",$row['name']); $newnode->setAttribute("address", $row['address']); $newnode->setAttribute("lat", $row['lat']); $newnode->setAttribute("lng", $row['lng']); $newnode->setAttribute("type", $row['type']); } echo $dom->saveXML(); ?> phpsqlajax_map.htm PHP-Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Google Maps AJAX + mySQL/PHP Example</title> <script src="http://maps.google.com/maps?file=api&v=2&key=api&v=2&key=ABQIAAAAXmADf_6tBOoKpOL7vEoN2xRyULF1bKDZZvW4qhxkkuradgJrBhQvVd-aiL9sTaIzSjlxBuGyKaT4LQ" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var iconBlue = new GIcon(); iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png'; iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'; iconBlue.iconSize = new GSize(12, 20); iconBlue.shadowSize = new GSize(22, 20); iconBlue.iconAnchor = new GPoint(6, 20); iconBlue.infoWindowAnchor = new GPoint(5, 1); var iconRed = new GIcon(); iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png'; iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'; iconRed.iconSize = new GSize(12, 20); iconRed.shadowSize = new GSize(22, 20); iconRed.iconAnchor = new GPoint(6, 20); iconRed.infoWindowAnchor = new GPoint(5, 1); var customIcons = []; customIcons["restaurant"] = iconBlue; customIcons["bar"] = iconRed; function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); map.setCenter(new GLatLng(47.614495, -122.341861), 13); // Change this depending on the name of your PHP file GDownloadUrl("phpsqlajax_genxml.php", function(data) { var xml = GXml.parse(data); var markers = xml.documentElement.getElementsByTagName("marker"); for (var i = 0; i < markers.length; i++) { var name = markers[i].getAttribute("name"); var address = markers[i].getAttribute("address"); var type = markers[i].getAttribute("type"); var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng"))); var marker = createMarker(point, name, address, type); map.addOverlay(marker); } }); } } function createMarker(point, name, address, type) { var marker = new GMarker(point, customIcons[type]); var html = "<b>" + name + "</b> <br/>" + address; GEvent.addListener(marker, 'click', function() { marker.openInfoWindowHtml(html); }); return marker; } //]]> </script> </head> <body onload="load()" onunload="GUnload()"> <div id="map" style="width: 600px; height: 600px"></div> </body> </html>


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

10.11.2009, 17:57
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Hallo Blade, installier dir das Firefox-Addon "Firebug". Dort siehst du dann einerseits JavaScript-Errors falls es welche gibt und andrerseits kannst du dir anzeigen lassen ob der Request an dein "Ajax-Script" überhaupt gesendet wird und falls ja siehst du auch was zurückkommt... __________________ Today you...Tomorrow me.

11.11.2009, 17:16
Blade Neuer Benutzer Registriert seit: 10.11.2009 Beiträge: 28 PHP-Kenntnisse: Anfänger	Danke für den Tipp mit Fireburg. Ich kann damit allerdings nicht viel anfangen! Ich hab das Problem gelöst Ich hatte ursprünglich die phpsqlajax_map.htm über den Explorer doppelt angeklickt (wie es ja normalerweise auch macht), da bekam ich nur die Karte zu sehen. Ohne Marker! Jetzt habe ich durch Zufall die Datei über: "localhost/phpsqlajax_map.htm" geöffnet, und siehe da: Alle Marker wurden angezeigt! Jetzt kann ich mich daran machen, die Marker und das Info Fenster meinen bedürfnissen an zu passen. Trotzdem dank an alle..............

15.11.2009, 22:57
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.989 PHP-Kenntnisse: Fortgeschritten	Ja, PHP ist nunmal eine serverbasierte Sprache. http://www.php.de/php-einsteiger/489...rundlagen.html __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --