Google Maps mit Siedbar

Ingo71 · 12.01.2011, 15:07

ICh benötigte nochmals eure Hilfe bei meinem google maps Projekt.

In der folgenden Datei werden alle marker aus meiner Datenbank dargestellt.
Ich würde diese Seite aber noch gerne mit einer Seiteleiste/Sidebar erweitern, in der alle Adressen stehen und die bei einem Klick darauf das entsprechene Infofenster über dem marker öffnet.

Hab schon viel probiert, aber bin gescheitert.

Kann mir jemand direkt helfen, oder Denkanstöße geben?

Hier der Code der Datei:

Code:

<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/api/js?sensor=false"
            type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[

    var customIcons = {
      restaurant: {
        icon: 'http://labs.google.com/ridefinder/images/mm_20_blue.png',
        shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'
      },
      bar: {
        icon: 'http://labs.google.com/ridefinder/images/mm_20_red.png',
        shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'
      }
    };

    function load() {
      var map = new google.maps.Map(document.getElementById("map"), {
        center: new google.maps.LatLng(49.749331, 8.11512),
        zoom: 14,
        mapTypeId: 'roadmap'
      });
      var infoWindow = new google.maps.InfoWindow;

      // Change this depending on the name of your PHP file
      downloadUrl("phpsqlajax_genxml1.php", function(data) {
        var xml = data.responseXML;
        var markers = xml.documentElement.getElementsByTagName("marker");
        for (var i = 0; i < markers.length; i++) {
          var adress1 = markers[i].getAttribute("adress1");
		  var adress2 = markers[i].getAttribute("adress2");
		  var strasse = markers[i].getAttribute("strasse");
		  var plz = markers[i].getAttribute("plz");
		  var address = markers[i].getAttribute("address");
          var type = markers[i].getAttribute("type");
          var point = new google.maps.LatLng(
              parseFloat(markers[i].getAttribute("lat")),
              parseFloat(markers[i].getAttribute("lng")));
          var html = "<b>" + adress1 + "<br>" + adress2 + "</b> <br/>" + strasse + "<br/>" + plz + "&nbsp;" + address;
          var icon = customIcons[type] || {};
          var marker = new google.maps.Marker({
            map: map,
            position: point,
            icon: icon.icon,
            shadow: icon.shadow
          });
          bindInfoWindow(marker, map, infoWindow, html);
        }
      });
    }

    function bindInfoWindow(marker, map, infoWindow, html) {
      google.maps.event.addListener(marker, 'click', function() {
        infoWindow.setContent(html);
        infoWindow.open(map, marker);
      });
    }

    function downloadUrl(url, callback) {
      var request = window.ActiveXObject ?
          new ActiveXObject('Microsoft.XMLHTTP') :
          new XMLHttpRequest;

      request.onreadystatechange = function() {
        if (request.readyState == 4) {
          request.onreadystatechange = doNothing;
          callback(request, request.status);
        }
      };

      request.open('GET', url, true);
      request.send(null);
    }

    function doNothing() {}

    //]]>
  </script>
  </head>

  <body onload="load()">
    <div id="map" style="width: 700px; height: 500px"></div>
  </body>
</html>

Wäre super, Vielen Dank schonmal

eagle275 · 13.01.2011, 08:14

als erstes wäre es extrem hilfreich, wenn du deine Fragen endlich im Javascript-Brett erstellst - das hier ist das PHP-Brett und so wie ich das sehe, ist auch das wieder mit reinem Javascript umzusetzen .. naja vielleicht verschiebt es ja mal ein Moderator oder Admin

Ingo71 · 13.01.2011, 08:19

Zitat:

Zitat von eagle275

als erstes wäre es extrem hilfreich, wenn du deine Fragen endlich im Javascript-Brett erstellst - das hier ist das PHP-Brett und so wie ich das sehe, ist auch das wieder mit reinem Javascript umzusetzen .. naja vielleicht verschiebt es ja mal ein Moderator oder Admin

Oh Ok Entschuldigung.
Ich habe nur Einsteiger gelesen ^^

Dann werde ich mal nen Moderator Informieren, das er diesen Thread verschiebt.
Kannst trotzdem wieder helfen ? ^^

Gruß Ingo

Manko10 · 13.01.2011, 15:42

Themenmoderation:
[→] Verschoben von PHP Einsteiger

Bitte nächstes Mal die Melden-Funktion nutzen, keine Profilnachrichten.

Ingo71 · 14.01.2011, 08:33

Zitat:

Zitat von Manko10

Themenmoderation:
[→] Verschoben von PHP Einsteiger

Bitte nächstes Mal die Melden-Funktion nutzen, keine Profilnachrichten.

Wollte ich ja, aber da stand dann:

Hinweis: Eine Nachricht sollte NUR dann gemeldet werden, wenn ein Verstoß gegen unsere Regeln vorliegt. Dies ist z.B. der Fall bei Spam, Werbung oder unsittlichen Beiträgen.
Dachte dies wäre dann nicht der richtige Weg.

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
[Erledigt] Google Maps Karte auf Marker zentrieren	Ingo71	PHP Einsteiger	5	11.01.2011 12:33
Google Maps ohne Geodaten	hyps	JavaScript, Ajax und mehr	3	31.03.2010 11:20
Google Maps in Google Suchergebnissen	J_Jara	PHP Tipps 2010	5	16.03.2010 17:44
PreLoader für Google Maps Karten?	Blade	JavaScript, Ajax und mehr	0	24.02.2010 21:40
Google maps API. Autovervollständigung der Adresse	J_Jara	JavaScript, Ajax und mehr	1	17.11.2009 12:31
[Erledigt] Marker werden nicht auf Google Maps Karte gezeigt ?!	Blade	PHP Tipps 2009	3	15.11.2009 22:57
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
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
Google Maps oder Microsoft Maps als Tool einbinden	solitaer	PHP-Fortgeschrittene	3	01.07.2008 05:07
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


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

13.01.2011, 08:14
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	als erstes wäre es extrem hilfreich, wenn du deine Fragen endlich im Javascript-Brett erstellst - das hier ist das PHP-Brett und so wie ich das sehe, ist auch das wieder mit reinem Javascript umzusetzen .. naja vielleicht verschiebt es ja mal ein Moderator oder Admin __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

13.01.2011, 15:42
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Themenmoderation: [→] Verschoben von PHP Einsteiger Bitte nächstes Mal die Melden-Funktion nutzen, keine Profilnachrichten. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”