googlemaps
tropenberta
- sonstiges
0 1UnitedPower0 tropenberta0 tropenberta
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
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
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
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!
ich danke dir - werds schon irgendwie hin bekommen.
ansonsten hab ich ja hier im forum richtig gute leute am start.
gruss micha
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.
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
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.
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
Meine Herren,
ok verstehe.
jetzt noch 2 fragen dann mach ich mich mal ans werk.
- 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.
- 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.
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
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.
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
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
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
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
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 ?
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