在 Kartograph.js 中显示气泡

Question

我正在尝试在 Kartograph 生成的 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 投影重新生成我的地图时，它起作用了。

在 Kartograph.js 中显示气泡

Displaying bubbles in Kartograph.js

javascript

maps

kartograph