Interaktive Karte mit D3.js // Probleme beim Datenmapping

mieze

Liebe Forum-Mitglieder,

Mithilfe dieses Tutorials (https://suffenus.wordpress.com/2014/01/07/mak…otal-beginners/) habe ich eine interaktive Karte erstellt

Es soll eine Verteilung auf Bezirksebene darstellen (verschiedene Farbabstufungen s. Legende). Wie ihr seht, ist die Karte momentan noch weiß, da die Daten anscheinend nicht richtig gemappt werden. Durch Mouseover soll der jeweilige Bezirkname und die Verteilungsrate angezeigt werden (diese sollten aus einer CSV Datei ausgelesen werden). Die einzelnen Bezirksgrenzen werden aus der JSON-Datei gelesen und als SVG ausgegeben.

Leider wird "undefined:undefined" ausgegeben und ich weiß nicht wieso. Dachte zuerst es hätte etwas mit der CSV oder JSON-Datei zu tun aber die dürften richtig sein.

Ich würde mich freuen wenn mir jemand von euch weiterhelfen könnte.

Danke im Voraus und liebe Grüße,
Mieze

wolf

Meine Konsole spuckt was aus..: SyntaxError: unreachable code after return statement - index.html:116:6

In Zeile 116 steht wohl ein return, was den Code danach blockt.. Keine ahnung ob da der Fehler Hockt, aber ich vermute mal..

mieze

danke, hm komisch. meine konsole spuckt keinen fehler aus. aber hab das semikolon mal entfernt.
wie sieht es jetzt bei dir aus?

danke + lg

kanufrosch

Pack mal als erstes dein <style>*</style> in den header Bereich wo es hingehört. Sonst schreit meine Konsole nämlich auch dort direkt auf ^^'

Habe jetzt dein Skript mal angeguckt, In Zeile 124, loggst du

Code

d.id

schon das gibt bei mir "undefinied" zurück.wenn ich mir in meinem Objektexplorer "d" angucke, scheint die id im "Unterobjekt" properties zu sein. Jedenfalls wenn ich das richtig interpretiere. So oft benutze ich das bei JS nicht...

wäre das möglich?
Bin mir gerade nicht sicher wie dein objekt "d" aussieht...

Lg Kanu

Ergänzung (EDIT): laut meinem Objektexplorer ist der Pfad zu der id "Function.d.properties.id" (das "Funktion" kommt nur daher, weil es halt innerhalb des Funktionsaufrufes ist) also meines Erachtens "d.properties.id"

EDIT 2: Ich (denke) habe es gelöst
1. Eine Zeile vor dem og. log-Befehl, setzt du einen Style, das musst du mit einem Semikolon abschließen und 2. Benutze d.properties.id und tada, bei mir Lokal funktioniert es

mieze

Oh mein Gott!!! Du bist ein Schatz - vielen Dank!!! Ich hab mich zum Deppen gesucht - auf das wäre ich nicht gekommen. Da sieht man dass ich nicht routiniert bin

VIELEN DANK!!

kanufrosch

Jetzt mitmachen!