Отображение пузырьков в Kartograph.js

Question

Я пытаюсь создать пузыри на моей SVG-карте, созданной Картографом. Я хочу сделать что-то вроде этого: http://kartograph.org/showcase/symbols/

Карта загружается, но символ не отображается. У меня нет ошибок, брошенных в консоль Javascript.

$(document).ready(function() { 

var map = $K.map('#map'); 

map.loadMap("mapfinal.svg", function() { 
    // add layers 
    map.addLayer('background', { 
     styles: { 
      fill: '#e8f9fb', 
      'stroke': 'none' 
     } 
    }); 
    map.addLayer('world', { 
     styles: { 
      fill: '#f5f3f2', 
      'stroke': 'none' 
     } 
    }); 
    map.addLayer('states', { 
     styles: { 
      fill: '#FFF', 
      'stroke': '#882222', 
      'stroke-width': 0.5, 
      'stroke-opacity': 0.4 
     } 
    }); 
    map.addLayer('urban', { 
     styles: { 
      fill: '#553344', 
      'fill-opacity': 0.6, 
      'stroke': 'none' 
     } 
    }); 
    map.addSymbols({ 
     type: kartograph.Bubble, 
     data: [{ 
      lon: -104, 
      lat: 40.5, 
      name: 'Berlin' 
     }], 
     radius: 40, 
     location: function(d) { 
      return [d.lon, d.lat] 
     }, 
     style: 'fill:#800000; stroke: #fff; fill-opacity: 0.5', 
    }); 

}); 

});

Я не знаю, что еще делать. Я выполнил весь код примера и прочитал документы.

Answer 1

В случае, если кто-то еще столкнется с этим в будущем, проблема была самой картой. По какой-то причине в структуре kartograph.py есть ошибка, которая генерирует карты SQG с неправильными координатами. Мои пузыри не появлялись, потому что долготы и широты не было на карте. Когда я обновил свою карту, используя проекцию laea, она сработала.