Witam, zrobiłem sobie kod, który pobiera dane z JSON, leci pętla i po kolei sprawdza wszystkie elementy w JSON i w zależności od wartości, zmienia się kolor tego elementu w SVG, mam coś takiego:
$(document).ready(function()
{
$.getJSON("results.json", function(data)
{
data = data.iso_countries;
var map = document.getElementById("blank_map");
var svgMap = map.contentDocument;
for(var key in data)
{
var iso = data[key].country;
var visitors = data[key].visitors;
if( visitors > 1 && 50>=visitors)
{
svgMap.getElementById(iso).style.fill="#94d31b";
}
else if( visitors > 50 && 500>=visitors)
{
svgMap.getElementById(iso).style.fill="#000000";
}
}
});
});
Konsola pokazuje mi:
TypeError: svgMap is undefined
svgMap.getElementById(iso).style.fill="#94d31b";
Nie mam już sił do tego... Gdzie może być błąd? Kombinuję i nic mi nie wychodzi z tym.