PreLoader für Google Maps Karten?

Blade · 24.02.2010, 21:40

Kennt sich einer von euch mit AJAX Programmierung und Google Maps API gut aus?

Es geht um die ProgressBarControl funktion, die ich gern in mein Google Maps API einbinden möchte ohne das ich dazu auf einen Button "Load" klicken muss!

Hier ist das ProgressBarControl script aus der GMaps-Utility-Library: http://gmaps-utility-library-dev.googlecode.com/svn/tags/progressbarcontrol/1.0/docs/examples.html

PHP-Code:

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

map.setCenter(new GLatLng(37, -122), 13);

var progressbar = new ProgressbarControl(map);

Und hier ist mein Script in das ich das gerne einbinden will:

PHP-Code:

     function load() {

      if (GBrowserIsCompatible()) {

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

        map.setMapType(G_PHYSICAL_MAP);

        map.addControl(new GLargeMapControl3D());

        map.addControl(new GMapTypeControl());

        map.setCenter(new GLatLng(51.92277778, 10.43083333), 6);

        map.enableScrollWheelZoom();

 
        // 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 adresse = markers[i].getAttribute("adresse");

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

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

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

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

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

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

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

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

            var marker = createTabbedMarker(point, name, adresse, plz, ort, link, bilder, text, type, "", "", "Allgemein", "Erweitert");

            map.addOverlay(marker);

          }

        });

      }

    }

 
    function createTabbedMarker(point, name, adresse, plz, ort, link, bilder, text, type, html1, html2, label1, label2) {

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

      var linkelement = "<a href=\""+link+"\" >"+link+"</a>";

      var bildelement = (bilder != "") ? "<img src=\"" + bilder + "\" style=\"float:left;\" />" : "";  

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

        marker.openInfoWindowTabsHtml([new GInfoWindowTab(label1,"<b><x1>" + name + "</x1></b> <br/><hr>" + adresse + "</hr><br/>" + plz + "&nbsp;" + ort), new GInfoWindowTab(label2,"<br><br/>" + linkelement + "<br><br/>" + bildelement + text)], {maxWidth:400});

      }); 

        

      return marker;

    }

    //]]>

In dem Beispiel wird erklärt, wie man einen Preloader für Google Maps Karten erzeugt. Dort wird allerdings mit Klick Buttons gearbeitet und ich bekomm es einfach nicht hin, den Preloader automatisch bei Seitenaufruf starten zu lassen

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 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
[Erledigt] Google Maps Api + Datenbank	Leinberger	JavaScript, Ajax und mehr	3	18.08.2009 02:43
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
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

24.02.2010, 21:40
Blade Neuer Benutzer Registriert seit: 10.11.2009 Beiträge: 28 PHP-Kenntnisse: Anfänger	PreLoader für Google Maps Karten? Kennt sich einer von euch mit AJAX Programmierung und Google Maps API gut aus? Es geht um die ProgressBarControl funktion, die ich gern in mein Google Maps API einbinden möchte ohne das ich dazu auf einen Button "Load" klicken muss! Hier ist das ProgressBarControl script aus der GMaps-Utility-Library: http://gmaps-utility-library-dev.googlecode.com/svn/tags/progressbarcontrol/1.0/docs/examples.html PHP-Code: `var map = new GMap2(document.getElementById("map")); map.setCenter(new GLatLng(37, -122), 13); var progressbar = new ProgressbarControl(map);` Und hier ist mein Script in das ich das gerne einbinden will: PHP-Code: function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.setMapType(G_PHYSICAL_MAP); map.addControl(new GLargeMapControl3D()); map.addControl(new GMapTypeControl()); map.setCenter(new GLatLng(51.92277778, 10.43083333), 6); map.enableScrollWheelZoom(); // 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 adresse = markers[i].getAttribute("adresse"); var plz = markers[i].getAttribute("plz"); var ort = markers[i].getAttribute("ort"); var link = markers[i].getAttribute("link"); var bilder = markers[i].getAttribute("bilder"); var text = markers[i].getAttribute("text"); var type = markers[i].getAttribute("type"); var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng"))); var marker = createTabbedMarker(point, name, adresse, plz, ort, link, bilder, text, type, "", "", "Allgemein", "Erweitert"); map.addOverlay(marker); } }); } } function createTabbedMarker(point, name, adresse, plz, ort, link, bilder, text, type, html1, html2, label1, label2) { var marker = new GMarker(point, customIcons[type]); var linkelement = "<a href=\""+link+"\" >"+link+"</a>"; var bildelement = (bilder != "") ? "<img src=\"" + bilder + "\" style=\"float:left;\" />" : ""; GEvent.addListener(marker, 'click', function() { marker.openInfoWindowTabsHtml([new GInfoWindowTab(label1,"<b><x1>" + name + "</x1></b> <br/><hr>" + adresse + "</hr><br/>" + plz + " " + ort), new GInfoWindowTab(label2,"<br><br/>" + linkelement + "<br><br/>" + bildelement + text)], {maxWidth:400}); }); return marker; } //]]> In dem Beispiel wird erklärt, wie man einen Preloader für Google Maps Karten erzeugt. Dort wird allerdings mit Klick Buttons gearbeitet und ich bekomm es einfach nicht hin, den Preloader automatisch bei Seitenaufruf starten zu lassen


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