+ Antworten
Ergebnis 1 bis 6 von 6

Thema: jQuery gmaps Plugin - Karte bleibt grau

  1. #1
    Neu an Board
    Registriert seit
    29.10.2009
    Beiträge
    39
    Bedankte sich
    4
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard jQuery gmaps Plugin - Karte bleibt grau

    Hallo,

    um die Installation eines Plugins zu umgehen, möchte ich die Google Map selbst mit jQuery in den Content bringen.
    Also kurz: API-key besorgt, neueste jQuery-Version geholt, das gmaps-plugin (für jQuery, nicht für Joomla!) dazu (beide compressed), entsprechend die js-files in die index.php des templates geschrieben und ins passende verzeichnis geladen.
    Neues 'Eigenes Modul' erstellt, dort
    HTML-Code:
    <script type="text/javascript">
      $j(function(){
        $j("#map").gMap();
      });
    </script>
    eingefügt, div id="map" dazu und fertig...denkste!

    Eigentlich wird alles angezeigt: das div in der richtigen Größe, die 'Nutzungsbedinungen' im rechten unteren Eck, das 'Powered by Google' im linken!

    Was fehlt ist die Karte selbst! Nur der graue Hintergrund bleibt, den jeder kennt, der darauf wartet, dass die Karte geladen wird.

    Konflikte mit anderen Frameworks sollten mit
    [HTML]var $j = jQuery.noConflict();/HTML]eigentlich ausgeschlossen sein.

    API-key hab ich mir übrigens auch nochmal besorgt.

    Jetzt fällt mir nichts mehr ein, woran's noch liegen könnte. Euch?

    Schonmal danke!
    Schwammakobf

  2. #2
    Verbringt hier viel Zeit
    Registriert seit
    24.01.2006
    Beiträge
    594
    Bedankte sich
    108
    Erhielt 359 Danksagungen
    in 203 Beiträgen

    Standard

    JQuery in Joomla einzubinden ist eine der unnötigsten Sachen, die man machen kann. Aber nunja, poste mal einen Link, wo man sich das ganze anschauen kann, so frei heraus ist es schwer einen Fehler zu finden.

  3. #3
    Neu an Board
    Registriert seit
    29.10.2009
    Beiträge
    39
    Bedankte sich
    4
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard

    Morgen!

    Das ganze läuft derzeit noch lokal über xampp. Hab's aber auch schon auf laufenden Systemen ausprobiert und hatte das selbe Ergebnis.

    Hier gibt's den Screenshot, wie das derzeit bei mir aussieht:

    Den Code, der die Map integriert ist in meinem ersten Post zu sehen.

    Erklär mir noch, warum es so vollkommen ausgeschlossen ist, jQuery in joomla zu nutzen?
    Mich würd's nur interessieren, weil ich schön des öfteren jQuery-Scripte in Joomla eingebunden hab, und damit bis dato noch keine größeren Probleme aufgetreten sind.

  4. #4
    War schon öfter hier
    Registriert seit
    23.09.2009
    Beiträge
    235
    Bedankte sich
    0
    Erhielt 62 Danksagungen
    in 59 Beiträgen

    Standard

    Die Frage ist eher, warum möchtest du nicht auf bereits existierende Google Maps Plugins / Module zurückgreifen, sondern ein zusätzliches Javascript Framework einbinden.

    http://extensions.joomla.org/search?q=google+maps

    Unabhängig davon, wie schaut es mit "Domready" aus?
    HTML-Code:
    <script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function() {
        jQuery(function(){
            jQuery("#map").gMap();
        });
    </script>
    });
    Du musst bei der Verwendung von JQuery und dessen Plugins innerhalb Joomla! auch im noConflict() Modus stets kontrollieren, ob das eingebundene Plugin ausschließlich mit den übergebenen Elementen / Objekten arbeitet, und nicht selbst noch über $('... versucht auf Elemente oder deren Attribute zuzugreifen. Im Idealfall sollte dies nicht vorkommen, ist aber auch nicht auszuschließen. Wirf einen Blick in die Fehlerkonsole. (Firefox/Firebug)
    Geändert von Barnum (09.08.2010 um 08:53 Uhr)
    Tell 'em what they want to hear. That will keep them coming back for more. I 've got some for everyone.

  5. #5
    Neu an Board
    Registriert seit
    29.10.2009
    Beiträge
    39
    Bedankte sich
    4
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard

    Hallo Barnum,

    der DOM ist ready, hab das im Beispielcode nur der Übersicht halber weggelassen.

    Zusätzliche Plugins/Module möchte ich zum einen wegen weiterer Tabellen in der DB vermeiden, zum anderen weil ich entsprechend Zeit sparen möchte. (Plugin Hochladen (DSL 1000 in unserer Region) installieren, aktivieren, wieder aufrufen, Parameter in die einzelnen Formularfelder eintragen...und so weiter...immer dasselbe).
    Da bind ich lieber schnell ein neues Modul ein in das ich den Quellcode meiner Datei kopiere, in der ich vorher kurz die Anschrift ausgetauscht hab.

    Eigentlich bin ich mir auch sicher, dass ich sämtliche '$' durch mein '$j' (und Abwandlungen davon) ersetzt habe. also auch im Plugin und in der jQuery-Bib.

    ahh...Firefox Fehlerkonsole sagt mir mitten im Plugincode ein "$undefined.isArray is not a function", damit kann ich aber leider jetzt nix anfangen (zumal auch google dazu nix sinnvolles zu sagen hat)

    Gruß Schwammakobf

  6. #6
    Neu an Board
    Registriert seit
    29.10.2009
    Beiträge
    39
    Bedankte sich
    4
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard

    Stopp, alles zurück!

    Irgendwas schein in der 'compressed' Variante des gmap Plugins nicht gepasst zu haben. Wollt mir eigentlich nur kurz den Code an der betreffenden Stelle mal ansehen und hab dazu die 'uncompressed'-Version heruntergeladen und eingefügt.

    Seither funktionierts! (Vorher hab ich natürlich die Konflikte aufgelöst)

    Also danke für Eure Hilfe

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein