0

我正在尝试在 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',
    });

});

});

我不知道还能做什么。我已遵循所有示例代码并阅读了文档。

4

1 回答 1

0

万一其他人将来遇到这种情况，问题就出在地图本身上。无论出于何种原因，在 kartograph.py 框架中存在一个错误，它会生成坐标不正确的 SQG 地图。我的气泡没有出现，因为地图上没有经度和纬度。当我使用 laea 投影重新生成地图时，它起作用了。

于 2015-06-18T16:34:09.733 回答