tropenberta: googlemaps

hi leuts

so mein urlaub ist rum und kaum in der firma kommen schon die ersten herausforderungen.

unser knd hat auf seiner side ne google map auf dem mehrere standorte angezeigt werden.

jetzt ist es so das es stellen gibt bei denen sich mehrere punkte überlabben und das schaut unschön aus.
http://www.skinial.com/standorte/europa/deutschland.html

jetzt hat mir der knd nen screenshot geschickt wie er sich das vorstellt.
http://s7.directupload.net/file/d/3354/hox6674d_png.htm

jetzt soll an den stellen wo mehrere standorte aufeinander treffen, so ein kreis mit ner angabe vieviele orte sich an dieser stelle befinden. klickt man auf den kreis soll sich dieser
in die einzelenen standorte teilen.

hört sich für mich sehr aufwendig an - frage ist jetzt gibt es sowas schon irgendwo fertig zum download ? weil ich wüßte jetzt auf anhieb nicht wie ich das umsetzen soll.

gruss micha

  1. Meine Herren,

    wo warst du im Urlaub? Hessen? Die reden auch mit seltsamen Dialekt und ohne Punkt und Komma :P

    hört sich für mich sehr aufwendig an - frage ist jetzt gibt es sowas schon irgendwo fertig zum download ? weil ich wüßte jetzt auf anhieb nicht wie ich das umsetzen soll.

    Hast du die Karte selber eingebunden? Dann müsstest du ja mit der Google-Maps-API vertraut sein. Dein Vorhaben nennt sich übrigens "Clustering" und eine Einleitung findest du bei Google-Developers: https://developers.google.com/maps/articles/toomanymarkers

    Dokumentation zum MarkerClusterer: http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/docs/reference.html

    --
    Hey Girl,
    i wish you were asynchronous, so you'd give me a callback.
    1. hi 1UnitedPower

      vielen dank für deine antwort.

      nö - war nicht in hessen, da war ich noch nie.

      sry für mein schreiben ohne punkt und komma.

      die seite wurde von jemanden anderen gebastelt, dem das ganze zu unübersichtlich wurde und den auftrag an uns abgegeben hat.

      die links die du mir geschickt hast hören sich schonmal gut an.
      werde mal schauen ob ich das hin bekomme.

      gruss micha

      1. Meine Herren,

        die seite wurde von jemanden anderen gebastelt, dem das ganze zu unübersichtlich wurde und den auftrag an uns abgegeben hat.

        Ouch, wir haben auch schon öfter solche Aufträge angenommen, das war immer schmerzhaft.

        die links die du mir geschickt hast hören sich schonmal gut an.

        Euer Typo3-System scheint übrigens folgende Erweiterung für die Einbindung zu benutzen: http://typo3.org/extension-manuals/wec_map/3.0.1/view/

        werde mal schauen ob ich das hin bekomme.

        Viel Erfolg!

        --
        Hey Girl,
        i wish you were asynchronous, so you'd give me a callback.
        1. ich danke dir - werds schon irgendwie hin bekommen.
          ansonsten hab ich ja hier im forum richtig gute leute am start.

          gruss micha

  2. hi leuts

    hab mir mal den link von 1UnitedPower angeschaut und das ist genau das was ich brauche.

    hab hier mal nen link rein, wo ich mir den quelltext angeschaut habe.

    http://gmaps-utility-library-dev.googlecode.com/svn/tags/markerclusterer/1.0/examples/simple_example.html

    was ich nicht verstehe ist das es hier jede menge standorte gibt, ich kann aber keine stelle im script finden wo die koordinaten angegeben werden.

    auser hier wo der startpunkt denk ich mal bestimmt wird.
    map.setCenter(new GLatLng(39.91, 116.38), 2);

    ich habe noch nicht wirklich viel mit googlemaps gemacht, aber ich denke doch ich muss irgendwo angeben welche standorte ich aufzeigen möchte.

    gruss micha

    1. Meine Herren,

      was ich nicht verstehe ist das es hier jede menge standorte gibt, ich kann aber keine stelle im script finden wo die koordinaten angegeben werden.

      Die Daten kommen aus einer eingebetteten JS-Datei:
      Zeile 8 im Quelltext:  <script type="text/javascript" src="data.json"></script>

      Direktlink: http://gmaps-utility-library-dev.googlecode.com/svn/tags/markerclusterer/1.0/examples/data.json

      Die Endung ist fälschlicherweise json, obwohl es sich um echtes JavaScript handelt.

      Die Schleife ab Zeile 21 nimmt sich die ersten 100 Einträge aus dem data.photos-Array und erzeugt daraus die Marker.

      --
      Hey Girl,
      i wish you were asynchronous, so you'd give me a callback.
      1. ok verstehe.

        jetzt noch 2 fragen dann mach ich mich mal ans werk.

        1. wenn ich mir den code kopiere und ein eigenes html local anlege und die seite dann anschaue
           hab ich nur die map ohne die positions icons. warum ?
           - die stecknadelicons holt er sich doch hier :
           icon.image = "http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png";
           - wo kommen die grafiken mit den bubbles und den zahlen drin her ?

        2. wenn ich in der zeile
           map.setCenter(new GLatLng(39.91, 116.38), 2);
           die koordinaten ändere, passiert nix - es bleibt auf den ursprünglichen standort.
           warum ist das so ?

        übrigens nochmal vielen dank für deinen ganzen tollen input den du mir gibst 1UnitedPower.

        gruss micha

        1. Meine Herren,

          ok verstehe.

          jetzt noch 2 fragen dann mach ich mich mal ans werk.

          1. wenn ich mir den code kopiere und ein eigenes html local anlege und die seite dann anschaue
               hab ich nur die map ohne die positions icons. warum ?

          Prüf mal, ob die Grafik wirklich geladen wird. Das geht mit deinen Entwicklertools (F12 oder CTRL+i) auf dem Reiter "Netzwerk".

          - wo kommen die grafiken mit den bubbles und den zahlen drin her ?

          Auch das kannst du über den Netzwerk-Verkehr rausfinden.
          Die blauen Bubbles gibts hier: http://gmaps-utility-library.googlecode.com/svn/trunk/markerclusterer/images/m1.png

          Die Zahlen darin sind vermutlich generisch.

          1. wenn ich in der zeile
               map.setCenter(new GLatLng(39.91, 116.38), 2);
               die koordinaten ändere, passiert nix - es bleibt auf den ursprünglichen standort.
               warum ist das so ?

          Das kann ich mir auch nicht erklären. Vielleicht ein Caching-Problem?
          Hast du eine Testseite in der Live-Umgebung, an der man das Problem nachvollziehen kann?

          übrigens nochmal vielen dank für deinen ganzen tollen input den du mir gibst 1UnitedPower.

          Gerne, dafür ist das Forum doch da. Ich freu mich, wenn meine Hilfe Anklang findet.

  3. hi leuts

    bin immer noch am kämpfen mit dem clustering.

    hab jetzt ein beispiel nachgebaut das auch funktioniert.

    hier die quelle:
    http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/examples/simple_example.html

    bei diesem beispiel ist es ja so das wenn man auf nen standort klickt erscheint keine sprechblase mit den genauen adressdaten.

    so wie ich das verstanden hab, hat das irgendwas mit dem iframe zu tun was man normalerweise einbindet. dieses iframe fehlt ja jetzt - ich denke das ist der grund warum die sprechblasen fehlen.

    Weiß jemand wie ich die sprechblasen bei dem genannten beispiel aktiviere ?

    Gruss Micha

    1. Meine Herren,

      Weiß jemand wie ich die sprechblasen bei dem genannten beispiel aktiviere ?

      Nennt sich Info-Window und kann recht einfach implementiert werden, siehe:
      https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple

      Wenn du konkrete Fragen oder Schwierigkeiten damit hast, fühl dich frei nochmal nachzuhaken.

      --
      Hey Girl,
      i wish you were asynchronous, so you'd give me a callback.
      1. Hi 1UnitedPower

        vielen dank - werde ich gleich ausprobieren.

        und danke für dein angebot weiter nachfragen zu dürfen.

        aber dank dir befinde ich mich schonmal auf dem richtigen weg und denke ich kann das bald zum abschluß bringen.

        gruss micha

        1. abend leuts

          hab das ganze jetzt so wie es mal werden soll lokal fertig gemacht.
          hier hab ich es mal hochgeladen:
          http://p166753.webspaceconfig.de/test/googlemaps_clusterer_style/skinial_filialen.html

          hab hier den api schlüssel von der tutorial seite genommen - was auch funktioniert.
          hab das ganze mal in meine seite einbauen wollen - geht nicht.
          denke mal das liegt doch am api key.

          wenn ich das richtig verstanden habe muss ich die seite (skinial.com) bei google regestrieren und einen api schlüssel anfordern.

          leider hab ich keinen plan wo ich die seite regestrieren soll.

          muss man das überhaupt machen. gibts da net ne andere möglichkeit.

          gruss micha

          1. Meine Herren,

            leider hab ich keinen plan wo ich die seite regestrieren soll.

            Bist du nach dieser Anleitung vorgegangen?
            https://developers.google.com/maps/documentation/javascript/tutorial?hl=de%23api_key

            1. morgen 1UnitedPower

              ich war irgendwie auf ner anderen seite unterwegs - dein link ist perfekt.

              dankeschön - werde ich mir dann auf der arbeit gleich mal einen key generieren.

              gruss micha

              1. Hi leuts

                ich hab jetzt meine lokal erstellte karte auf den server geladen.

                http://www.skinial.com/index.php?id=84

                wie ihr sehen könnt habe ich leider noch keine anzeige.

                dachte es liegt am api key und hab mir einen besorgt.

                http://s1.directupload.net/file/d/3357/qiu2a4pi_jpg.htm

                leider funzt es immer noch nicht.
                kann mir event. jemand von euch sagen was ich noch falsch mache.

                gruss
                micha

                ps: bei der api-console steht ganz unten Notification Endpoints.
                steht bei mir ja - no domains allowed. wenn ich rechts auf edit gehe und im folgenden fenster www.skinial.com eingebe und auf update klicke schliest sich das fenster, aber die anzeige bleibt auf - no domains allowed. kann es daran liegen ?

                1. hi leuts

                  hab schon mal den ersten fehler gefunden und zwar hab ich vergessen dem body tag einen onload-befehl anzuhängen.
                  da die ganze seite auf typo3 läuft wird ja irgendwo das body tag generiert. muss ich bloß noch rausfinden wo.

                  gruss micha